radial-gradient径向渐变与border-image呈现实例页面
回到相关文章 »效果:
代码:
CSS代码:
.radial-gradient { width: 100px; height: 100px; border: 50px solid; border-image: radial-gradient(circle, transparent 50px, yellow 51px, red) 50 stretch; }
HTML代码:
<div class="radial-gradient"></div>