tor-browser

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

animate-cube-radians-ref.html (797B)

      1 <!DOCTYPE HTML>
      2 <html>
      3 <title>Reftest, bug 1156456</title>
      4 <style>
      5 
      6 html, body {
      7  height: 100%;
      8 }
      9 
     10 body {
     11  background: white;
     12  perspective: 1000px;
     13 }
     14 
     15 div, div::before, div::after {
     16  width: 200px; height: 200px;
     17 }
     18 
     19 div {
     20  position: absolute;
     21  top: 0; right: 0; bottom: 0; left: 0;
     22  margin: auto;
     23  transform-origin: 50% 50% 100px;
     24  background: #006;
     25  /* approximately rotateY(-120deg) rotateX(60deg); */
     26  transform: rotateY(-2.0944rad) rotateX(1.0472rad);
     27  transform-style: preserve-3d;
     28 }
     29 
     30 div::before, div::after {
     31  position: absolute;
     32  top: 0; left: 0;
     33  content: "";
     34 }
     35 
     36 div::before {
     37  background: #00f;
     38  transform: translate3D(100px, 0, 100px) rotateY(90deg);
     39 }
     40 
     41 div::after {
     42  background: #00c;
     43  transform: translate3D(0, -100px, 100px) rotateX(90deg);
     44 }
     45 
     46 </style>
     47 <div></div>