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>