tor-browser

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

transformations.html (1511B)


      1 <!DOCTYPE html>
      2 <html>
      3  <link rel='stylesheet' type='text/css' href='style.css'>
      4  <style>
      5    progress:nth-child(1) { transform: matrix(1, -0.2, 0, 1, 0, 0); }
      6    progress:nth-child(2) { transform: translateX(15em) matrix(1, 0, 0.6, 1, 0, 0); }
      7    progress:nth-child(3) { transform: rotate(30deg); }
      8    progress:nth-child(4) { transform: scale(2, 4); }
      9    progress:nth-child(5) { transform: scale(0.1, 0.4); }
     10    progress:nth-child(6) { transform: scale(1, 0.4); }
     11    progress:nth-child(7) { transform: scale(0.1, 1); }
     12    progress:nth-child(8) { transform: skew(30deg, -10deg); }
     13    progress:nth-child(9) { transform: skew(-30deg, 10deg); }
     14    progress:nth-child(10) { transform: translate(10px, 30px); }
     15    progress:nth-child(11) { transform: translate(30px, 10px); }
     16    progress:nth-child(12) { transform: translate(-10px, 30px); }
     17    progress:nth-child(13) { transform: translate(30px, -10px); }
     18    progress:nth-child(14) { transform: scale(0, 0); }
     19  </style>
     20  <body>
     21    <progress value='1'></progress>
     22    <progress value='1'></progress>
     23    <progress value='1'></progress>
     24    <progress value='1'></progress>
     25    <progress value='1'></progress>
     26    <progress value='1'></progress>
     27    <progress value='1'></progress>
     28    <progress value='1'></progress>
     29    <progress value='1'></progress>
     30    <progress value='1'></progress>
     31    <progress value='1'></progress>
     32    <progress value='1'></progress>
     33    <progress value='1'></progress>
     34    <progress value='1'></progress>
     35  </body>
     36 </html>