CSS实现渐变圆环

<div class="circle"> <div class="content"></div> </div> ```css .circle { width: 206px; height: 206px; border-radius: 50%; background: linear-gradient(0deg, #36A5ED 0%, #6EEE96 100%); position: relative; } .content { position: absolute; left: 13px; top: 13px; width: 180px; height: 180px; border-radius: 50%; background-color: #fff; } ``` CSS3 mask属性实现透明遮罩层 ```css <div class="circle"></div> .circle { width: 206px; height: 206px; border-radius: 50%; background: linear-gradient(0deg, #36A5ED 0%, #6EEE96 100%); -webkit-mask: radial-gradient(transparent, transparent 97px, #000 97px); mask: radial-gradient(transparent 97px, #000 97px); } ```

• CSS,收藏
• 2022-08-31
• 评论
•   998 次浏览

圆圈内加号css

<text class="addbutton"></text>

阅读全文

• 收藏
• 2022-08-31
• 评论
•   287 次浏览

好看的配色收藏

发现还是不错的，可以收藏

阅读全文

• 配色
• 2022-08-31
• 评论
•   247 次浏览

1. « 前一页
2. 1
3. 2