radial-gradient多个径向渐变累加实例页面

回到相关文章 »

效果:

代码:

CSS代码:
.radial-gradient {
    width: 200px; height: 200px;
    background: radial-gradient(50px 100px ellipse, transparent 40px, yellow 41px, red 49px, transparent 50px),
                radial-gradient(30px circle, red, red 29px, transparent 30px);
}
                
HTML代码:
<div class="radial-gradient"></div>