[css] 請(qǐng)說(shuō)說(shuō)在什么時(shí)候用transition？什么時(shí)候使用animation？

transition 相當(dāng)于是個(gè)過(guò)度動(dòng)畫(huà)，需要又過(guò)度效果才會(huì)觸發(fā)。一般用來(lái)做元素的放大縮小、平移旋轉(zhuǎn)等簡(jiǎn)單的操作。transition 只執(zhí)行一次，當(dāng)需要執(zhí)行多次時(shí)，一般會(huì)利用 :hover 等時(shí)機(jī)或者使用 javaScript 改變類(lèi)名進(jìn)行控制。animation 需要自己設(shè)定關(guān)鍵幀，可以做相對(duì)復(fù)雜的操作，比如延遲、循環(huán)播放等。一般在需要比較復(fù)雜的情況才會(huì)使用 animation。

個(gè)人簡(jiǎn)介

我是歌謠，歡迎和大家一起交流前后端知識(shí)。放棄很容易，
但堅(jiān)持一定很酷。歡迎大家一起討論

主目錄

與歌謠一起通關(guān)前端面試題

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的[css] 请说说在什么时候用transition？什么时候使用animation？的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。