CSS动画

CSS动画
CSS动画就是元素从一种样式过渡到另一种样式的过程。常见的动画效果很多，比如：平移、缩放、旋转等。CSS实现动画的方式有以下几种：

transition：实现渐变动画
transform：实现缩放、平移等效果
animation：实现自定义动画
transition
property：填写需要变化的CSS属性
duration：完成过渡效果需要的时间单位(s或者ms)
timing-function：完成效果的速度曲线，比如：linear（匀速变化）、ease（从慢到快再到慢）、ease-in(慢慢变快)、esae-out（慢慢变慢）等
delay：动画效果的延迟触发时间
并不是所有属性都能过渡，比如display: none 到 display: block。

transform
translate：位移
scale：缩放
rotate：旋转
skew：倾斜
一般配合transition过度使用。transform不支持inline元素，使用之前把它变为block。