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>