课堂笔记

animation: name 动画时长 转的速度 动画什么时候开始 状态

1.只有开始和结束两帧；
2.必须有hover这种触发条件

transform: translate(100px, 200px);!*移动
transform: rotate(45deg);角度旋转
transform: scale(.5);倍数
transform: scale(0.5) rotate(45deg) translate(100px,200px);
前面是属性，后面是属性值；如果要实现所有效果，将代码放在同一排
谷歌最小字体大小42px

动画：转5秒匀速，2秒开始极大的；linear:匀速

网页找的扩展的相关标签含义

animation-direction 属性指定是向前播放、向后播放还是交替播放动画。
animation-direction 属性可接受以下值：
normal - 动画正常播放（向前）。默认值
reverse - 动画以反方向播放（向后）
alternate - 动画先向前播放，然后向后
alternate-reverse - 动画先向后播放，然后向前