我试图在没有关键帧的情况下在我的 css 中链接多个 -webkit-transition 动画。
我知道如果我调用关键帧动画是可能的,但我只是想覆盖属性并且这个 JS 中的某些东西不起作用:
var firstTransition = { '-webkit-transition': 'opacity 1000ms ease-in 1000ms', 'opacity': 1 }
var secondTransition = { '-webkit-transition': 'opacity 1000ms ease-in 1000ms', 'opacity': 0 }
$('theDiv').setStyles(firstTransition)
changeColor.delay(3000);
function changeColor(){
$('theDiv').setStyles(secondTransition);
}
这是 fiddle : http://jsfiddle.net/a2co/Tn9mT/25/
最佳答案
在您的 fiddle 中,该元素也获得可见性:隐藏。我认为 jQuery 试图变得聪明。将 0 更改为 0.01。
关于animation - 如何在没有关键帧的情况下在我的 CSS 中链接多个 -webkit-transition 动画,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7371727/