首頁 >web前端 >css教學 >css3中過渡和動畫的差別是什麼

css3中過渡和動畫的差別是什麼

王林
王林原創
2020-11-11 16:43:175200瀏覽

css3中過渡和動畫的區別是:過渡需要觸發一個事件才會隨著時間改變其CSS屬性;動畫在不需要觸發任何事件的情況下,也可以隨時間變化來改變元素CSS屬性。

css3中過渡和動畫的差別是什麼

animation屬性類似於transition,他們都是隨著時間改變元素的屬性值,其主要區別在於:

(學習視頻分享:css影片教學

transition需要觸發事件才會隨著時間改變其CSS屬性;animation在不需要觸發任何事件的情況下,也可以明確的隨時間變化來改變元素CSS屬性,達到一種動畫的效果。

1)動畫不需要事件觸發,過渡需要。

2)過渡只有一組(兩個:開始-結束) 關鍵幀,動畫可以設定多個。

相關推薦:CSS教學

以上是css3中過渡和動畫的差別是什麼的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn