关于动画的几种状态表示的含义以及能够使用2d动画表述为什么要使用3d动画表述

Posted yaogengzhu

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了关于动画的几种状态表示的含义以及能够使用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加速引擎)

 



















以上是关于关于动画的几种状态表示的含义以及能够使用2d动画表述为什么要使用3d动画表述的主要内容,如果未能解决你的问题,请参考以下文章

前端制作动画的几种方式(css3,js)

View 的几种状态

Vue实现动画的几种方式

可视化2D动画—cavas旋转的圈

CSS3 动画及过渡详解

Unity 2D角色动画状态切换