css动画

文档状态：编辑中....

Table of Contents

BackGround

动画涉及的东西很多,对动画的基本理解水平与哲学认知相关,绘制高级动画需要高级的数学知识,例如微分,线性代数,概率论等知识,总而言之,要向玩转动画需要有很高级的转化水平与认知能力,接下来就简单的介绍与使用css中提供的属性进行改造.

0x001

所谓动画为一帧帧连接而出,所以在动画中对帧的定义是必须的,电影中动画面对的是现实的物体元素进行各个帧的变化,在css动画中,动的对象是html元素,让元素拥有动的性质.

0x002

动是基于时间而显示出来的性质,引入animation-duration,运动的物体属于高中物理讲授与描述的对象具有以下性质,起点,终点,速度,加速度,位移,距离等,所以对于动的速度我们用一个属性animation-timing-function描述,同时css预先定义了很多有规律的运动,加速运动,恒速运动,减速运动,循环加减恒速运动,正向运动,反向运动