上课笔记

transition:过渡；
transform：转换；
rotate：旋转；
translate：位移；
scale：缩放；
skew：斜切；

animation：动画；

transform-origin: ;转换中心点：top/bottom/left/right/center
transform:translate(100px,200px]);大小放大或缩小倍数.数字

动画
1.创建关键帧
@keyframes name 动画名称{
from{}从…开始
to{}到…结束
}
2.绑定动画
animation: 动画名称 动画持续时间 重复次数 延迟时间 速度曲线;
infinite：动画无限循环；

例如：
animation: xiaofang 3s;

@keyframes xiaofang{
from{background-color: cornflowerblue;
}
to{
background-color: aquamarine;
}