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

 

上一篇 Miru 媒体阅读 v1.8.1绿色版
下一篇 Typecho 程序自媒体博客Spimes主题 X6.0
2026年5月
26
27
28
29
30
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
1
2
3
4
5
6
加载中...
最新评论
a3285022
a3285022
5月4日
有米有试过的说说2222
逛逛
逛逛
4月24日
评论还是看不到下载链接
逛逛
逛逛
4月24日
赞赞赞
匿名
匿名
4月22日
绿化失败,提示“不是内部命令或外部命令,也不是可运行的程序
百草霜
百草霜
4月21日
好像正常了,昨天一直点收藏没反应
百草霜
百草霜
4月21日
厉害了baoquan
百草霜
百草霜
4月21日
收藏只能30个 吗
59209901
59209901
4月21日
感谢分享
百草霜
百草霜
4月9日
这个怎么归到安卓分类了