layout/reftests/outline/outline-and-3d-transform-2.html

Wed, 31 Dec 2014 06:55:50 +0100

author
Michael Schloh von Bennewitz <michael@schloh.com>
date
Wed, 31 Dec 2014 06:55:50 +0100
changeset 2
7e26c7da4463
permissions
-rw-r--r--

Added tag UPSTREAM_283F7C6 for changeset ca08bd8f51b2

     1 <!DOCTYPE HTML>
     2 <title>Testcase for outline around 3-D transform</title>
     3 <style>
     5 html, body { margin: 0; padding: 0; border: none }
     7 div {
     8   width: 100px;
     9   height: 100px;
    10 }
    12 body > div {
    13   margin-top: 200px;
    14   margin-left: 200px;
    15   transform-style: flat;
    16 }
    18 body > div > div {
    19   transform: rotateX(30deg);
    20   transform-origin: 50% 50%;
    21   transform-style: preserve-3d;
    22   outline: 5px solid green;
    23 }
    25 body > div > div > div {
    26   transform: rotateX(30deg);
    27   width: 50px; margin-left: 25px;
    28   transform-origin: 50% 50%;
    29   transform-style: preserve-3d;
    30   outline: 5px solid blue;
    31 }
    33 </style>
    35 <div><div><div></div></div></div>

mercurial