c3动画

58 阅读1分钟

animation

@keyframes 是用来创建动画,规则内指定一个 CSS 样式和动画将逐步从目前的样式更改为新的样式,@keyframes 创建动画的时候需要绑定到选择器,否则动画不会有任何的效果的

image.png

在 @keyframes 里面可以有百分比 0% 是动画的开始,100% 是动画的完成, 在每一个百分比里面可以加入动画:

比如: translate3d 平移 rotate 旋转 scale 放大等等 image.png