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

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

俩种颜色间渐变语法:

background-image: linear-gradient(
    颜色1,
    颜色2
);

从透明到半透明语法:

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

注意:这里是 ()而不是 {}

俩种效果演示:

End
最后修改:2022 年 01 月 20 日
如果觉得我的文章不错,请随手点赞~