tor-browser

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

offset-path-ray-002.html (789B)

      1 <!DOCTYPE html>
      2 <html>
      3  <head>
      4    <title>CSS Motion Path: ray paths</title>
      5    <link rel="help" href="https://drafts.fxtf.org/motion-1/#offset-path-property">
      6    <link rel="match" href="offset-path-ray-001-ref.html">
      7    <meta name="assert" content="This tests that ray() generates a rotation and translation.">
      8    <meta name="fuzzy" content="maxDifference=0-1; totalPixels=0-10">
      9    <style>
     10      #target {
     11        position: absolute;
     12        left: 300px;
     13        top: 100px;
     14        width: 300px;
     15        height: 200px;
     16        background-color: lime;
     17        transform-origin: 0px 0px;
     18        offset-path: ray(135deg closest-side);
     19        offset-distance: 20%;
     20        offset-position: auto;
     21      }
     22    </style>
     23  </head>
     24  <body>
     25    <div id="target"></div>
     26  </body>
     27 </html>