关于动画的几种状态表示的含义以及能够使用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加速引擎)

 

posted @ 2018-09-18 09:33  yaogengzhu  阅读(179)  评论(0编辑  收藏  举报