pseudo-element-overflow-hidden-ref.html (617B)
1 <!DOCTYPE html> 2 <html style="background:pink"> 3 <title>View transitions: overflow:hidden is respected on pseudo elements</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 5 <style> 6 body { 7 margin: 0px; 8 } 9 div { 10 width: 200px; 11 height: 200px; 12 } 13 #target { 14 position: absolute; 15 width: 200px; 16 height: 200px; 17 background: green; 18 overflow: hidden; 19 } 20 #inner { 21 position: relative; 22 left: 100px; 23 top: 100px; 24 background: blue; 25 } 26 .offset { 27 left: 400px; 28 } 29 </style> 30 31 <div id="target"><div id="inner"></div></div> 32 <div id="target" class="offset"><div id="inner"></div></div> 33 </html>