CSS实现渐变圆环 本文共有786个字,关键词: ```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 .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); } ``` 「一键投喂 软糖/蛋糕/布丁/牛奶/冰阔乐!」 赞赏 × 梦白沙 (๑>ڡ<)☆谢谢老板~ 1元 2元 5元 10元 50元 任意金额 2元 使用微信扫描二维码完成支付 版权声明:本文为作者原创,如需转载须联系作者本人同意,未经作者本人同意不得擅自转载。 CSS,收藏 2022-08-31 评论 1135 次浏览