rounded-border-clipper-ref.html (418B)
1 <!doctype html> 2 <title>Nested View Transitions: Rounded border clipper</title> 3 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 4 5 <style> 6 #clipper { 7 overflow: clip; 8 height: 200px; 9 width: 100px; 10 border-radius: 20px; 11 } 12 13 .item { 14 will-change: transform; 15 background: green; 16 position: relative; 17 height: 50px; 18 top: 50px; 19 } 20 </style> 21 22 <div id=clipper> 23 <div class=item></div> 24 </div>