溫馨提示×
您好，登錄后才能下訂單哦！
點擊 登錄注冊 即表示同意《億速云用戶服務條款》
您好，登錄后才能下訂單哦！
小編給大家分享一下CSS3動畫和js動畫的區別是什么，相信大部分人都還不怎么了解，因此分享這篇文章給大家參考一下，希望大家閱讀完這篇文章后大有收獲，下面讓我們一起去了解一下吧！
css實現動畫：animation transition transform
js實現動畫： setInterval setTimeout requestAnimationFrame
css動畫：
優點：
1.集中所有DOM，一次重繪重排，刷新頻率和瀏覽器刷新頻率相同。
2.代碼簡單，方便調優
3.不可見元素不參與重排，節約cpu
4.可以使用硬件加速GPU（translateZ（0））
缺點：
1.對過程無法把控。無進度報告，無回調函數。
2.代碼冗長。
JS動畫：
優點：
1.效果炫酷。
2.過程控制。
缺點：
1.無法保證執行時間。timeout interval存在同步任務優先執行的問題。
2.最小粒度無法保證在16ms.
requestAnimationFrame的優點在于：
1.是瀏覽器針對動畫提出的API。自動優化，頁面不激活狀態自動停止。
2.集中所有dom，一次重繪就完成，重繪事件跟隨瀏覽器刷新頻率。
3.隱藏或不可見元素，不進行重繪回流
以上是“CSS3動畫和js動畫的區別是什么”這篇文章的所有內容，感謝各位的閱讀！相信大家都有了一定的了解，希望分享的內容對大家有所幫助，如果還想學習更多知識，歡迎關注億速云行業資訊頻道！
免責聲明：本站發布的內容（圖片、視頻和文字）以原創、轉載和分享為主，文章觀點不代表本網站立場，如果涉及侵權請聯系站長郵箱：is@yisu.com進行舉報，并提供相關證據，一經查實，將立刻刪除涉嫌侵權內容。
