css-transitions

0热度

2回答

css动画代码无法正常工作。当#tools_button被选中时，我希望#tools_hidden变得可见并且从顶部移动：0％到顶部：6％顺利。下面是代码： #tools_hidden { position: fixed; left: 10%; top: 0; display: none; -webkit-transition

0热度

1回答

Vue.js css过渡类更改

我想通过添加一类.lightTheme来使用css转换属性来将#app背景从黑色变为淡色。 .lightTheme类的添加按预期工作，但转换不会。我需要添加Vue transition element吗？如果是的话如何？ #app是不会离开/进入DOM - ！我只是想制作动画的属性（我不希望尽可能地增加不必要的代码 HTML <div id="app" v-bind:class="{ lightT

0热度

1回答

如何使用ReactCSStransitionGroup或ReactTransitionGroup向下滑动React JS中的无状态组件？

我想滑动一个无状态的组件，它将被初始设置为display:none，在其父组件之一的状态改变之后可见，就好像它像下拉菜单一样滑落。我是新来的动画部分，我正在尝试this_link。到目前为止，我在沙盒中试过（https://codesandbox.io/s/0xrjp051pp）。有人可以帮忙吗？

0热度

1回答

CSS-转换字体大小不起作用

只是试图模仿的效果，你可以在这里找到：（https://www.gaastrastore.com/en-de/men）：（顶部菜单，鼠标悬停在列表中的项目，进入向右移动，并获得了两次箭头在前面）我试图让这两个箭头工作。我得到了正确的工作。我试图使用从0px到10px的转换和字体大小的箭头。有任何想法吗？如果可能的话，我想坚持使用CSS。干杯

1热度

1回答

是否可以在单个CSS转换中结合translateX/translateY和scale？

我一直在玩CSS循环的循环（以下this article）。过渡本身可划分为4（环状）阶段： shrinked2 =>扩展=> expanded2 =>收缩这些状态由4个等级表示： shrinked2 - stateOne 扩大 - stateTwo expanded2 - stateThree 已收缩2 - stateFour 我是，最初，设置我的元素的宽度和高度，正在过渡，以百分比通过id

0热度

1回答

如何保持动画后的元素永久为100％ - C

我正在制作模态，其内部内容像列表需要在其打开时从底部逐一出现。我设法做到了，但问题是我没有弄清楚如何让内容隐藏起来或隐藏起来，并在动画之后出现。 Here is Js Fiddle PLZ，让我知道是一团糟在CSS如果任何或建议的方式。代码娄对堆栈的需求（摘录没有采取引导源文件）： li { transition: transform 1s, opacity 1s; animation-name

0热度

1回答

在改变Edge中的元素类后，过渡不是动画

我有一个定义了transition属性的元素。我通过切换课程在两个州之间进行动画制作。但是，在边缘（40.15063.674.0，EdgeHTML 15.15063）中，如果上一个转换尚未完成，则转换不会生成动画（而是立即改变状态）。这是最小的片段。请注意，广场不应该不连续跳跃。 const div = document.getElementById("div"); setInterva

1热度

1回答

转场缓和;不工作

我想使用简单的transiton，但我不明白为什么它不工作。你可以帮帮我吗？我把transition: ease-in-out;集装箱... 我的代码： .container{ width:250px; height:300px; background:#00f; position:relative; transition: ease-in-out

1热度

1回答

仅用于翻译属性的过渡

我有两个变换操作（旋转和平移），我只想对平移进行过渡（旋转必须是即时的）。有些建议？我更喜欢纯CSS。

0热度

1回答

加速Vuetify.JS转换

加速Vuetify转换有可能吗？我发现this页面可以自定义转换，但它没有提到动画的时间/速度。我想将动画时间缩短到0.2秒左右。有没有人有任何想法如何？