tor-browser

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

mix-blend-mode-blended-with-transform-and-perspective-ref.html (1040B)

      1 <!DOCTYPE html>
      2 <html>
      3    <head>
      4        <meta charset="utf-8">
      5        <title>CSS Reftest Reference</title>
      6        <link rel="author" title="Mirela Budăeș" href="mailto:mbudaes@adobe.com">
      7        <link rel="author" title="Ion Roșca" href="mailto:rosca@adobe.com">
      8        <link rel="reviewer" title="Mihai Țică" href="mailto:mitica@adobe.com">
      9        <style type="text/css">
     10            div {
     11                 height: 150px;
     12                 width: 150px;
     13            }
     14            .container {
     15                position: relative;
     16                z-index: 1;
     17                background-color: lime;/*rgb(0,255,0);*/
     18            }
     19            .transformed {
     20                transform: perspective(600px) translateZ(-200px);
     21                background-color: yellow;/*rgb(255,255,0);*/
     22            }
     23        </style>
     24    </head>
     25    <body>
     26        <p>You should see a yellow square inside a green container.</p>
     27        <div class="container">
     28          <div class="transformed">
     29          </div>
     30        </div>
     31    </body>
     32 </html>