CSS实现背景颜色渐变效果

岳泽以

发布于 2022-10-26 16:31:46

4.7K0

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

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

俩种颜色间渐变语法：

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

从透明到半透明语法：

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

注意：这里是 （）而不是 {}

俩种效果演示：

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2022 年 01 月，如有侵权请联系 cloudcommunity@tencent.com 删除