码迷,mamicode.com
首页 > 其他好文 > 详细

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

时间:2018-09-18 11:13:57      阅读:186      评论:0      收藏:0      [点我收藏+]

标签:区别   有关   引擎   的区别   位置   无法   加速   比较   特殊   

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动画表述

标签:区别   有关   引擎   的区别   位置   无法   加速   比较   特殊   

原文地址:https://www.cnblogs.com/yaogengzhu/p/9667156.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!