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>