tor-browser

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

transform-scale-test.html (1123B)


      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4    <title>CSS Transforms Test: transform property with scale function.</title>
      5    <link rel="author" title="Oleg Janeiko" href="mailto:oleg@the-incredible.me">
      6    <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property">
      7    <link rel="match" href="reference/transform-scale-test-ref.html">
      8    <meta name="assert" content="This transform shrinks a container by calling scale(.33). It also sets transform-origin to top left in order to visually align with the second green square.">
      9    <style type="text/css">
     10        div {
     11            background-color: green;
     12            float: left;
     13            margin: 50px;
     14        }
     15        .greenSquare {
     16            width: 100px;
     17            height: 100px;
     18            transform: scale(.3);
     19            transform-origin: top left;
     20        }
     21        .greenSquareTwo {
     22            width: 30px;
     23            height: 30px;
     24        }
     25    </style>
     26 </head>
     27 <body>
     28    <p>The test passes if there are two green squares of the same size.</p>
     29    <div class="greenSquareTwo"></div>
     30    <div class="greenSquare"></div>
     31 </body>
     32 </html>