scc 动画

渐变

线性渐变

属性 linear-gradinet(开始位置 角度，起始颜色，终止颜色 )

2.径向渐变(放射渐变)

属性：radial-gradinet()(形状 发散方向，起始颜色，终止颜色)

动画 .transform

1. none 定义不进行转换。
2. translate(x,y) 定义 2D 平移转换。
3. translateX(x) 定义转换，只是用 X 轴的值。
4. translateY(y) 定义转换，只是用 Y 轴的值

过渡动画的属性：

transition 简写属性，用于在一个属性中设置四个过渡属性。
transition-property 规定应用过渡的 CSS 属性的名称。
o none 没有属性会获得过渡效果。
o all 所有属性都将获得过渡效果。
o 属性名称
transition-duration 定义过渡效果花费的时间。默
认是 0。单位是秒或毫秒。