css动画

Posted fullmetalcoder

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了css动画相关的知识,希望对你有一定的参考价值。

1.2d转换
transform:translate(x,y) | rotate(deg) | scale(x,y)
  
2.过渡
transition: property(默认all) time 速度曲线(默认ease慢快慢) delay
transition:width 2s
 
3.动画
@keyframes [name]
from
to
or
0%
50%
100%
 
animation: [name] time 速度曲线 delay 循环次数(1默认 | n | infinite) fill-mode(both动画结束时保持最后一帧)
animation: [name] 2s

以上是关于css动画的主要内容,如果未能解决你的问题,请参考以下文章

如何触发css3过渡动画

css3动画使用

点击播放 css3 动画

如何使用js捕获css3动画

css动画集锦

CSS如何实现动画?