用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年3月
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
加载中...
最新评论
727450800@qq.com
727450800@qq.com
3月19日
谢谢分享牛逼
108876279
108876279
3月18日
昨天才在抖音看到这个,今天就有了,非常感谢baoquan
laoyangsuai
laoyangsuai
3月18日
谢谢楼主
网星
网星
3月18日
已失效,KTV的全不能用了。
ivanking005
ivanking005
3月16日
好东西
Henry
Henry
3月7日
有米有试过的说说
41770953
41770953
3月6日
感谢分享,我试试看好不好用
72672171
72672171
3月5日
是不是后面失效了?之前领取后,这个月就打回原形了
百草霜
百草霜
3月4日
代替迅雷的软件求推荐