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

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

网站源码站长2024-01-23 22:33:062656A+A-

20240122093962596259.jpg

首先我们用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));
}


点击这里复制本文地址 以上内容由巅峰资源网整理呈现,请务必在转载分享时注明本文地址!如对内容有疑问,请联系我们,谢谢!
qrcode

巅峰资源网 © All Rights Reserved.  
Powered by 巅峰资源网 Themes by 顶巅之峰
联系我们| 关于我们| 留言建议| 加入Q群