tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

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>