css - 四个径向渐变中只有两个显示
问题描述
我在我的 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,235,1), rgba(155,179,208,.3) 70.71%),
radial-gradient(circle at top right,
rgba(83,98,127,1), rgba(155,179,208,.3) 70.71%),
radial-gradient(circle at bottom right,
rgba(122,97,70,1), rgba(251,224,190,.7) 70.71%),
radial-gradient(circle at bottom left,
rgba(122,97,70,1), rgba(251,224,190,.7) 70.71%)
}
解决方案
推荐阅读
- php - PHP CURL 重定向
- python-3.x - 特殊字符仅作为字符串的一部分打印,但不独立打印(python3)
- azure - .NetCore 2.2 API 在使用用户分配的身份时无法从 AAD 获取令牌
- android - 有没有办法用片段着色器在顶点着色器的一个点的位置画一个圆?
- asp.net-mvc - 如何在运行时从 MVC 应用程序将参数传递给报表服务器上的 Power BI 报表
- jest-fetch-mock - 如何使用 jest-fetch-mock 返回一个数组?
- javascript - 无法从 Material UI 中的卡片内容中删除 padding-bottom
- if-statement - 如何在嵌套的 ifelse 语句中做到这一点
- python - 无法从窗口中删除 Opencv 绘图
- audit.net - 如何在审计中包含特定列(用户 ID)