css3中過渡和動(dòng)畫有哪些區(qū)別

小編給大家分享一下css3中過渡和動(dòng)畫有哪些區(qū)別，希望大家閱讀完這篇文章后大所收獲，下面讓我們一起去探討吧！

css3中過渡和動(dòng)畫的區(qū)別是：過渡需要觸發(fā)一個(gè)事件才會(huì)隨著時(shí)間改變其CSS屬性；動(dòng)畫在不需要觸發(fā)任何事件的情況下，也可以隨時(shí)間變化來改變?cè)谻SS屬性。

animation屬性類似于transition，他們都是隨著時(shí)間改變?cè)氐膶傩灾?，其主要區(qū)別在于：

transition需要觸發(fā)一個(gè)事件才會(huì)隨著時(shí)間改變其CSS屬性；animation在不需要觸發(fā)任何事件的情況下，也可以顯式的隨時(shí)間變化來改變?cè)谻SS屬性，達(dá)到一種動(dòng)畫的效果。

1）動(dòng)畫不需要事件觸發(fā)，過渡需要。

2）過渡只有一組（兩個(gè)：開始-結(jié)束） 關(guān)鍵幀，動(dòng)畫可以設(shè)置多個(gè)。

看完了這篇文章，相信你對(duì)css3中過渡和動(dòng)畫有哪些區(qū)別有了一定的了解，想了解更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道，感謝各位的閱讀！