CSS3属性中关于制作动画的三个属性

Transform,Transition,Animation。

1、transform:描述了元素的静态样式,本身不会呈现动画效果,可以对元素进行 旋转rotate、扭曲skew、缩放scale和移动translate以及矩阵变形matrix。

transition和animation两者都能实现动画效果

transform常常配合transition和animation使用

2、transition样式过渡,从一种效果逐渐改变为另一种效果

transition是一个合写属性

transition:transition-property transition-duration transition-timing-function transition-delay

从左到右分别是:css属性、过渡效果花费时间、速度曲线、过渡开始的延迟时间

3、animation动画 由@keyframes来描述每一帧的样式

上一篇:03-CSS动画


下一篇:编程实现幂函数,(指数为整数)