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

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

王林
發布: 2020-11-17 16:34:37
原創
5180 人瀏覽過

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

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

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

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

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

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

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

相關推薦:CSS教學

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

相關標籤:
來源:php.cn
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板