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>