有没有办法在没有事件的情况下启动转换

Question

我正在尝试制作某种动画，并且希望它不发生：hover：active或任何其他事件。我希望它在2秒的页面加载后发生。实际上，我希望物体从无形的地方进入场景（可见区域）。有没有做这件事？

#scene {width:650px;height:300px;border:1px solid black;background-color:#FAFAFA;margin:0 auto;} 
#sca {transition: background 2s;width:271px;height:180px;background: url(http://img521.imageshack.us/img521/7913/123hc.png) no-repeat;display:block;position:relative;right:300px; opacity:0.5; 
transition: opacity 2s; 
-moz-transition: opacity 2s; /* Firefox 4 */ 
-webkit-transition: opacity 2s; /* Safari and Chrome */ 
-o-transition: opacity 2s; /* Opera */ 
transition-delay: 2s; 
-webkit-transition-delay: 2s; 
} 
#sca:hover {opacity:1; } 

Answer 1

是的，这是可能的，但不建议。如何用纯CSS做到这一点显示为at this site。这里是网站上提供的demo。

更具交叉兼容性的做法是使用javascript或jQuery，特别是jQuery的ready与animation或更一般的effects。

祝你好运！

Answer 2

CSS转换工作的事件，并没有任何解决方法。你必须使用Javascript来做你正在寻找的东西。

Answer 3

transition（来自标题）和animation（来自文本）有所不同。 animation可以在没有事件的情况下启动，但transition不能。