关于动画的几种状态表示的含义以及能够使用2d动画表述为什么要使用3d动画表述
生活随笔
收集整理的這篇文章主要介紹了
关于动画的几种状态表示的含义以及能够使用2d动画表述为什么要使用3d动画表述
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
transform 四種轉換
translate 位置
scale 縮放
rotate 旋轉
skew 傾斜
以上四種轉換方式是比較特殊的,其實他們都是由matrix 矩陣轉換來;
animation的五種狀態
動畫速度
這些曲線稱之為貝塞爾曲線
CSS88 這是一個css有關的網站;
ease 由快到慢 最后非常慢
linear 勻速
ease-in 速度越來快 加速狀態
ease-out 速度越來越慢
ease-in-out 速度先快后慢
以上五種動畫速度是比較特殊
都是由貝塞爾曲線得來的
3D 轉換 translate3d rotate3d
2d和3d轉換的區別 :
1.除了多個參數表示3d
2. 使用3d轉換可以優化性能 (如果設備有3d加速引擎GPU 可以提高性能,使用2d轉換無法調用3d加速引擎)
?
更多專業前端知識,請上 【猿2048】www.mk2048.com
總結
以上是生活随笔為你收集整理的关于动画的几种状态表示的含义以及能够使用2d动画表述为什么要使用3d动画表述的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: jQuery 打气球小游戏 点击气球爆炸
- 下一篇: JQ实现弹幕效果