block-with-overflowing-text-ref.html (570B)
1 <!DOCTYPE html> 2 <html> 3 <title>View transitions: block with overflowing text is rendered correctly (ref)</title> 4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/"> 5 <link rel="author" href="mailto:khushalsagar@chromium.org"> 6 <link rel="stylesheet" type="text/css" href="/fonts/ahem.css" /> 7 8 <style> 9 :root { 10 font: 20px/1 Ahem; 11 scrollbar-width: none; 12 } 13 14 #target { 15 text-shadow: red -20px -50px; 16 position: relative; 17 top: 100px; 18 left: 100px; 19 } 20 21 body { 22 background: pink; 23 } 24 </style> 25 26 <div id="target">This text should render correctly</div>