小编Bru*_*dau的帖子
如何使用CSS使用圆形或圆锥形渐变？
首先,这是我正在尝试使用CSS重现的内容:
我想知道,我怎么能重现这个圆圈周围从紫色到粉红色的渐变？
任何帮助真的很感激!我尝试了不同的东西,似乎没有任何工作按预期,渐变背景搞砸了,边框相关的时尚也没有很好地工作,我真的不知道该怎么办了.有任何想法吗？
到目前为止这是我的代码:
HTML和CSS:
#DIV_1,
#DIV_2 {
bottom: 0px;
float: left;
height: 120px;
left: 0px;
position: relative;
right: 0px;
top: 0px;
width: 120px;
perspective-origin: 60px 60px;
transform-origin: 60px 60px;
background: rgb(204, 204, 204) none repeat scroll 0% 0% / auto padding-box border-box;
border-radius: 50% 50% 50% 50%;
font: normal normal 400 normal 120px / normal "Times New Roman";
margin: 0px 12px 12px 0px;
}
#DIV_1:after,
#DIV_2:after {
bottom: 9.60938px;
content: ' ';
display: block;
height: 100.797px;
left: 9.6px;
position: …10
推荐指数
推荐指数
1
解决办法
解决办法
596
查看次数
查看次数