[css] 過渡和動畫的區別是什么？

相同：都會讓你的頁面元素動起來 區別： 過渡 transition1.需要事件觸發，比如hover，focus，checked , js改, @media query 2.一次性的 3.只能定義開始和結束狀態，不能定義中間狀態 舉例： transition: width 2s; 動畫 animation1.不需要事件觸發 2.顯示地隨著時間的流逝，周期性的改變元素的css屬性值。區別于一次性。 3.通過百分比來定義過程中的不同形態，可以很細膩 舉例： 原生css實現閃爍的bling bling的效果@keyframes bling-kf {0% { opacity: 1; }50% { opacity: 0.5; }100% { opacity: 1; } } .bling {animation: bling-kf 2s ease-in infinite; }不停的bling bling，很有趣的，:)

個人簡介

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

主目錄

與歌謠一起通關前端面試題

創作挑戰賽新人創作獎勵來咯，堅持創作打卡瓜分現金大獎

總結

以上是生活随笔為你收集整理的[css] 过渡和动画的区别是什么？的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。