13 background-color: green;
17 -webkit-clip-path: inset(0 round 50px 0 0 0);
21 border-radius: 50px 0 0 0;
25 -webkit-clip-path: inset(0 round 0 50px 0 0);
29 border-radius: 0 50px 0 0;
33 -webkit-clip-path: inset(0 round 0 0 50px 0);
37 border-radius: 0 0 50px 0;
41 -webkit-clip-path: inset(0 round 0 0 0 50px);
45 border-radius: 0 0 0 50px;
49 <p>You should see 4 green squares each with one rounded corner. You should not see any red.</p>
50 <div class="container check-top-left"><div class="clip test-top-left"></div></div>
51 <div class="container check-top-right"><div class="clip test-top-right"></div></div>
53 <div class="container check-bottom-left"><div class="clip test-bottom-left"></div></div>
54 <div class="container check-bottom-right"><div class="clip test-bottom-right"></div></div>