渐变
可以使用多个颜色,还可以使用透明度。
线性渐变
语法: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