用CSS给网站添加一个渐变背景特效代码-QQ沐编程

代码介绍

用css实现增加渐变背景特效，使网站更好看一些，更炫酷一些，使用方法也是比较简单的，我们用css定位<body>标签，增加css代码就可以实现了全局渐变背景了。

图片[1]-用CSS给网站添加一个渐变背景特效代码-QQ沐编程

详细代码

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

将代码放到网站头部style标签里面即可，喜欢的朋友快来试试吧，更多特效代码可以继续在QQ沐编程里面查询，希望多多关注收藏本站

本站资源来自互联网收集，仅供用于学习和交流，请勿用于商业用途。如有侵权、不妥之处，请联系站长并出示版权证明以便删除。敬请谅解！

THE END