【无标题】渐变 倒影 过渡 变形

渐变

可以使用多个颜色，还可以使用透明度。

线性渐变

语法：background-image：linear-gradient（方向，颜色，渐变点的百分比）
线性渐变若添加方向，则必须使用浏览器的内核识别标识

径向渐变

语法：radial-gradient（中心点，形状，颜色，渐变点的百分比）

重复渐变

reapting-（径向，线性）

过渡

在不适用动画的情况下变换状态
transition：all（属性名）1s（时间）0.1s(延迟时间) linear(曲线速度 默认为ease 慢快慢)

倒影

语法：box-reflect：方向 偏移量 ？ 蒙版或渐变
默认值：none

变形

transform
translate（平移） rotate（旋转）scale（伸缩） skew（拉伸）
3d效果 transform-style：preserve-3d