有沒有辦法在沒有事件的情況下啓動轉換

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不能。