如何解决四个径向渐变中只有两个显示
我已经在css文件中使用以下代码来在所有角上获得渐变,但是,我只在顶部两个角上获得了渐变。
有人可以让我知道正确的方法吗?
jsfiddle:https://jsfiddle.net/z0hxmb9j/1/
body{
width: 100%;
background-color: #fbe0be;
}
body:before {
z-index: -1;
content: '';
position:absolute;
top:0;
right:0;
bottom:0;
left:0;
display: block;
width: 100%;
border-radius: 0%;
background-image:
radial-gradient(circle at top left,rgba(212,235,1),rgba(155,179,208,.3) 70.71%),radial-gradient(circle at top right,rgba(83,98,127,radial-gradient(circle at bottom right,rgba(122,97,70,rgba(251,224,190,.7) 70.71%),radial-gradient(circle at bottom left,.7) 70.71%)
}
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。