1. 程式人生 > >使用css3漸變實現多個內圓角

使用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>