用css给网站增加一个渐变背景

9次阅读

首先我们用 css 实现增加渐变背景, 我们用 css 定位 <body> 标签, 增加 css 代码就可以实现了全局渐变背景了。

body::before {
    content: '';
    position: fixed;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    z-index: -520;
    pointer-events: none;
}
body::before {background: linear-gradient( 90deg, rgba(247, 149, 51, .1), rgba(243, 112, 85, .1) 15%, rgba(239, 78, 123, .1) 30%, rgba(161, 102, 171, .1) 44%, rgba(80, 115, 184, .1) 58%, rgba(16, 152, 173, .1) 72%, rgba(7, 179, 155, .1) 86%, rgba(109, 186, 130, .1));
}

资源下载

此资源仅限注册用户下载，请先登录

下载前请仔细阅读以下说明，如下载代表您了解并同意了以下说明：
（1）资源收集自互联网，仅供自我学习，请在下载后 24 小时内删除该资源；
（2）如下载者将此资源用于其他非法用途，本站不承担任何法律责任；
（3）如有侵权，请立即联系我，马上删除！
（4）下载单个资源则点击立即下载按钮；本站 VIP 可免费无延迟下载本站所有资源。
（5）请不要使用手机以及电脑浏览器的无痕模式进行支付操作，以免造成支付成功但未显示下载链接。

正文完