CSS3 动画

动画过渡 transition，hover触发

参考： https://developer.mozilla.org/zh-CN/docs/Web/CSS/transition
transition:all 0.5s;
transition: width 1s linear 10s, height 0.5s;
transition: transform 0.5s;
transition: width linear 0.5s;

关键帧动画 animation

参考： https://developer.mozilla.org/zh-CN/docs/Web/CSS/animation
animation: am 1s;
动画执行1秒
animation: am 1s linear 2s 5;
2秒后执行5次
animation: am 1s linear infinite;
循环执行
animation: am 1s reverse infinite;
反向执行
animation: am 1s alternate infinite;
往复执行
animation: am 1s alternate-reverse infinite;
反向往复执行
animation: am 1s both;
保留动画结果值
animation: am 1s linear alternate infinite;
animation: blink 0.5s alternate infinite;
闪烁
animation: spin 2s infinite linear;
旋转
旋转测试
animation: spin-3d 2s infinite linear;
3D旋转
旋转测试
animation: zoom 2s infinite linear;
水波效果