184得票12回答
CSS:动画 vs 过渡

我知道如何执行CSS3的过渡和动画。不清楚的是何时使用哪种方法。 例如,如果我想让一个球弹跳,很明显应该使用动画。我可以提供关键帧,浏览器会生成中间帧,从而实现一个漂亮的动画效果。 然而,有些效果可以通过两种方式实现。一个简单而常见的例子是实现类似Facebook的滑动抽屉菜单: 可以通...

175得票8回答
防止在webkit-transform的webkit-transition中出现闪烁问题

可能是重复问题: iPhone webkit css动画导致闪烁 出现了一个奇怪的问题,就在我的webkit-transform属性动画发生之前,会有轻微的闪烁。这是我正在做的: CSS:#element { -webkit-transition: -webkit-t...

157得票5回答
CSS过渡属性与可见性一起使用无效。

在下面的代码片段中,我对可见性和不透明度进行了单独的过渡效果。后者有效,但前者无效。此外,在可见性方面,过渡时间被解释为悬停移出的延迟时间。这在Chrome和Firefox中都会发生。这是一个错误吗? http://jsfiddle.net/0r218mdo/3/#inner{ v...

150得票13回答
CSS3背景图片过渡效果

我正在尝试使用CSS过渡效果制作“淡入淡出”效果。但是我无法在背景图片上实现这个效果... CSS代码:.title a { display: block; width: 340px; height: 338px; color: black; back...

140得票6回答
CSS过渡不适用于top、bottom、left、right属性

我有一个带有样式的元素position: relative; transition: all 2s ease 0s; 然后我想在点击它后平稳地改变它的位置,但是当我添加样式改变时,过渡效果不会发生,相反,该元素会立即移动。$$('.omre')[0].on('click',function()...

138得票16回答
如何过渡CSS的display和opacity属性

我遇到了一个关于CSS3动画的问题。.child { opacity: 0; display: none; -webkit-transition: opacity 0.5s ease-in-out; -moz-transition: opacity 0.5s ...

136得票9回答
CSS3过渡 - 淡出效果

我在尝试用纯CSS实现“淡出”效果。这是示例。我查阅了一些在线解决方案,但在阅读在线文档后,仍然无法弄清为什么滑动动画不起作用。有什么指针吗? .dummy-wrap { animation: slideup 2s; -moz-animation: slideup 2s; ...

131得票1回答
CSS3过渡的ease-in和ease-out之间的区别

CSS3过渡的`ease-in`、`ease-out`等有什么区别?

127得票6回答
如何将CSS3过渡应用于除背景位置之外的所有属性?

我想对除了背景位置(background-position)之外的所有属性应用CSS过渡效果。 我尝试过以下方式:.csstransitions a { -webkit-transition: all 0.3s ease; -moz-tran...

126得票6回答
禁用/关闭继承的CSS3过渡效果

我有以下CSS过渡效果附加在一个元素上:a { -webkit-transition:color 0.1s ease-in, background-color 0.1s ease-in ; -moz-transition:color 0.1s ease-in, backgroun...