线性渐变,径向渐变-第二十二天

渐变

目标:使用background-image属性实现渐变背景效果

• 渐变是多个颜色逐渐变化的视觉效果
• 一般用于设置盒子的背景

语法

• 线性渐变(从一个方向到另外一个方向)

background-image:linear-gradient(transparent,rgba(0,0,0 .6))

• 径向渐变(从一个点往外扩张)

background-image:radial-gradient(transparent,rgba(0,0,0 .6))

案例