有没有事件可以开始过渡

Question

我正在尝试制作某种动画，我希望它不会发生：悬停：活动或任何其他事件。我希望它在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转换处理事件，并没有任何解决方法。你必须使用Javascript来做你想要的。

Answer 2

是的，这是可能的，但不建议这样做。如何使用纯CSS执行at this site。以下是网站上提供的demo。

更加交叉兼容的方式是使用javascript或jQuery，特别是jQuery的ready与animation或更一般的effects结合使用。

祝你好运！

Answer 3

transition（来自标题）和animation（来自文字）之间存在差异。 animation可以在没有活动的情况下启动，但transition不能。