1樓：我和你
可以用偽類進行觸發或者讓它一開始就觸發。
希望我的回答可以幫到你，有什麼不懂可以追問。
如何觸發css3過渡動畫
2樓：拾憶初夏湫冬
不過要注意css3屬性相容性問題
平時我們直接使用transition動畫一般是這樣的
滑鼠放置在div方塊上觸發動畫效果（滑鼠懸浮div上即可觸發）
css3過渡和css3動畫它們都能實現動畫效果，只是寫的方式不一樣，是嗎？
3樓：
css3動畫：
可以自定義節點改變屬性，例如30%，40%....這種節點式定義屬性的狀態值，相對過度來說，可以把一系列的屬性變化按照順序節點來執行，這就好比把動畫封裝成了一個「函式」，既可以共用，又可以根據改變html標籤元素的class來增加或者刪除動畫效果，動畫最好用在寫複雜效果的時候用，或者有定義觸發一個事件然後刪除動畫、增加動畫時候用。我做輪換圖的時候就是js觸發，然後使元素擁有一個class引用，class對應的就是動畫，很靈活的控制了動畫的執行。
過渡效果;
過渡效果顧名思義，只是一個簡短的過渡，它只能定義一個狀態（css屬性）到另一個狀態，沒有節點，所以做不了太複雜的效果，但是相對效率比較高，能用過渡的就不用css3動畫，當然兩者都是各有優劣，沒有任何一種屬性是沒有用的，合理才是最重要的！
css3過渡和動畫的區別詳解，css3過渡和css3動畫製作的動畫有什麼區別
css3動畫 可以自定義節點改變屬性，例如30 40 這種節點式定義屬性的狀態值，相對過度來說，可以把一系列的屬性變化按照順序節點來執行，這就好比把動畫封裝成了一個 函式 既可以共用，又可以根據改變html標籤元素的class來增加或者刪除動畫效果，動畫最好用在寫複雜效果的時候用，或者有定義觸發一個...
css3有哪些新特性，求詳解，css3新特性有哪些
圓角這個功能已經在諸如mozilla,webkit等瀏覽器廣泛使用，對web設計者來說無疑是最受期待的，然而ie仍然沒有要支援這個功能的跡象。多背景這個功能是我最期待的，但向後相容會是一個很大的問題。font face firefox的最新版本將支援該功能，safari，opera甚至ie也將支援或...
IE8中使用css3中的屬性calc大神求解決
什麼是calc calc 從字面可以把他理解為一個函式function。其實calc是英文單詞calculate 計算 的縮寫，是css3的一個新增的功能，用來指定元素的長度。比如說，你可以使用calc 給元素的border margin pading font size和width等屬性設定動態值...