multiline-span-with-overflowing-text-and-box-decorations-ref.html (680B)
1 <!DOCTYPE html> 2 <html> 3 <title>View transitions: span 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 } 12 13 div { 14 width: 250px; 15 visibility: hidden; 16 } 17 span { 18 text-shadow: red -2px -5px; 19 border: 2px solid black; 20 box-shadow: 3px 3px red, -1em 0 .4em olive; 21 view-transition-name: target; 22 visibility: visible; 23 } 24 25 body { 26 background: pink; 27 } 28 </style> 29 30 <div> 31 FILLER FILLER<span>This text should render correctly</span> 32 </div>