过渡 动画 变形

transition 过渡

功能：在规定的时间类，从一个值变换到另一个值的过程

transition-property过渡的属性 （一般跟all，代表全部。）

transition-duration过渡的时间 （跟时间单位：s或者ms。1s=1000ms）

transition-timing-function过渡的速度（linear匀速过渡 ；ease-in由慢到快 ；ease-out由快到慢 ；ease-in-out由慢到快，再到慢）

缩写以上的值；例子：transition: all linear 3000ms;

transition-delay 过渡效果延迟显示（也是跟时间单位，但要上面写了过渡效果，再单独选中要延迟过渡的属性书写

可以过渡的属性：颜色、尺寸、透明度 （尺寸过渡的起始值和结束值不能有auto

animation 动画

第一步，定义动画

书写格式：@keyframes 动画名称{动画效果}【注：动画名称是自己起名】

动画效果：百分率{声明块}（百分率是声明块动画的时间）

第一条是动画的起始效果

最后一条是动画的结束效果

如果起始和结束效果相同可以省略结束效果

@keyframes pp