tor-browser

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

inline-child-with-overflow-shadow-ref.html (537B)

      1 <!DOCTYPE html>
      2 <html>
      3 <title>View transitions: inline child with overflowing shadow</title>
      4 <link rel="help" href="https://drafts.csswg.org/css-view-transitions-1/">
      5 <style>
      6 body {
      7  background: rebeccapurple;
      8  margin: 0;
      9 }
     10 
     11 .target {
     12  width: 100px;
     13  height: 200px;
     14  position: absolute;
     15  top: 100px;
     16  left: 100px;
     17  view-transition-name: target;
     18 }
     19 
     20 .child {
     21  background: green;
     22  font-size: 100px;
     23  box-shadow: -20px -20px yellow;
     24 }
     25 </style>
     26 
     27 <div class=target>
     28  <span class=child>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>
     29 </div>