通过使用CSS,为您的网站添加一个具有渐变效果的背景
通过使用CSS,为您的网站添加一个具有渐变效果的背景
白猫博客

通过使用CSS,为您的网站添加一个具有渐变效果的背景

白猫
4天前发布 /正在检测是否收录...

前言

通过使用CSS,您可以为您的网站添加一个具有渐变效果的背景。这可以通过在CSS样式表中定义一个渐变背景属性来实现。


图片[1] - 通过使用CSS,为您的网站添加一个具有渐变效果的背景 - 白猫博客
我们开始通过CSS为网站赋予渐变背景的魅力。通过精准地定位到标签,并巧妙地融入CSS代码,我们可以轻松地为整个网站赋予一个优雅的渐变背景。

使用教程

把以下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));
}
© 版权声明
THE END
喜欢就支持一下吧
点赞 0 分享 收藏
评论 抢沙发
取消