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

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

代码介绍

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

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));
}

 

上一篇 Bandizip v7.43 正式专业版
下一篇 你又回来啦、你别走吖等网页动态标题代码
网站介绍
最新评论
亦刀
亦刀
4月26日
还不错
亦刀
亦刀
4月18日
yyds永远的神
亦刀
亦刀
4月18日
喜欢的可以看看
亦刀
亦刀
4月18日
这篇文章不错
亦刀
亦刀
4月17日
这个游戏不错
亦刀
亦刀
4月12日
不错呀
文章列表
1 Windows 10 LTSC 2021 Build 19044.7184
Windows 10 LTSC 2021 Build 19044.7184
2
TechSmith Camtasia 26.1.0.16321高级版
TechSmith Camtasia 26.1.0.16321高级版
3
给网站加一个悬挂猫效果(点击返回顶部)
给网站加一个悬挂猫效果(点击返回顶部)
4
Autodesk MAYA 2027.1.0高级版
Autodesk MAYA 2027.1.0高级版
5
InnoExtractor解包工具 v11.5.1.178中文版
InnoExtractor解包工具 v11.5.1.178中文版
6
PC微信多开&防撤回插件 适用4.1.9.25
PC微信多开&防撤回插件 适用4.1.9.25
7
安卓酷我音乐v12.1.4.0高级版
安卓酷我音乐v12.1.4.0高级版
8
开源U盘启动制作工具Ventoy v1.1.12
开源U盘启动制作工具Ventoy v1.1.12
9
CCleaner v7.8.1355中文专业版
CCleaner v7.8.1355中文专业版
10
云听音乐剪辑v1.1纯净版
云听音乐剪辑v1.1纯净版