动画：
transition（过渡动画）：使用场景-状态发生改变时（hover/:checked/js）
animation（自定义动画）：只要指定动画名称即可实现规定的动画效果。
实现代码方式：
transtion: all|transform .4s .5s timing-function;
(能用transform实现的动画，尽量不要用其他的CSS属性)+(默认持续时间)+（延迟时间）+（过渡速率）
（坑点-旋转再缩放 跟 缩放再旋转 的效果不一样，因为旋转之后的坐标轴会改变！所以一般先把旋转排在前面！）
animation: aniName .4s .5s alternate infinite both;
（动画命名名称）+（持续时间）+（延迟时间）+（方向）+（循环次数）+（停止后的状态）
@keyframes{
frome{}/0%{}
to{}/100%{}
}
动画效果网址：https://daneden.github.io/animate.css/
使用方法：
<div class="test animated hinge infinite" ></div> <!--行内级优先-->
网友评论