CSS实现背景颜色渐变效果

2022-10-26 16:31:46 浏览数 (2)

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

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

俩种颜色间渐变语法:

代码语言:javascript复制
background-image: linear-gradient(
    颜色1,
    颜色2
);

从透明到半透明语法:

代码语言:javascript复制
 background-image: linear-gradient(
                transparent,
                rgba(0,0,0, .6)
            );

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

俩种效果演示:

0 人点赞