tor-browser

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

revert-layer-010.html (623B)

      1 <!DOCTYPE html>
      2 <title>CSS Cascade Layers: 'revert-layer' from animation origin to author origin</title>
      3 <link rel="help" href="https://drafts.csswg.org/css-cascade-5/#revert-layer">
      4 <link rel="author" href="mailto:xiaochengh@chromium.org">
      5 <link rel="match" href="reference/ref-filled-green-100px-square.xht">
      6 
      7 <style>
      8 #target {
      9  width: 150px;
     10  height: 100px;
     11  background-color: green;
     12  animation: anim linear 2s -1s paused;
     13 }
     14 
     15 @keyframes anim {
     16  from { width: 50px; }
     17  to { width: revert-layer; }
     18 }
     19 </style>
     20 
     21 <p>Test passes if there is a filled green square and <strong>no red</strong>.</p>
     22 <div id="target"></div>