nested-root-capture-with-clip-ref.html (599B)
1 <!DOCTYPE html> 2 <html> 3 <title>Nested View Transitions root capture with border radius (ref)</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-2/"> 5 <link rel="author" href="mailto:vmpstr@chromium.org"> 6 <link rel=stylesheet href="resources/pause-view-transitions.css"></link> 7 8 <style> 9 body { background: lightgreen; } 10 #clipper { 11 overflow: clip; 12 height: 200px; 13 width: 100px; 14 border-radius: 50%; 15 background: rebeccapurple; 16 } 17 18 #i0 { 19 background: pink; 20 margin-bottom: 10px; 21 height: 20px; 22 } 23 </style> 24 25 <div id=clipper> 26 <div id=i0 class=item></div> 27 </div> 28 </html>