使用css3渐变实现多个内圆角

<!DOCTYPE html>
<html>
<body>
<div class="iner"></div>

<style type="text/css">
.iner{
	width: 200px;
    height: 200px;
    background: radial-gradient(4em at right bottom,#16C6F1 50%,#F44336 50%,hsla(4, 90%, 58%, 0)),radial-gradient(2em at left bottom,#4CAF50 100%,#F44336 100%,#F44336);}
</style>
</body>
</html>

猜你喜欢

转载自blog.csdn.net/weixin_40393909/article/details/80930306
今日推荐