layout/reftests/outline/outline-and-3d-transform-2-ref.html@6474c204b198
layout/reftests/outline/outline-and-3d-transform-2-ref.html
Wed, 31 Dec 2014 06:09:35 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Wed, 31 Dec 2014 06:09:35 +0100
- changeset 0
- 6474c204b198
- permissions
- -rw-r--r--
Cloned upstream origin tor-browser at tor-browser-31.3.0esr-4.5-1-build1
revision ID fc1c9ff7c1b2defdbc039f12214767608f46423f for hacking purpose.
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 border: 5px solid green;
23 margin: -5px;
24 }
26 body > div > div > div {
27 transform: rotateX(30deg);
28 width: 50px; margin-left: 20px; margin-top: -5px;
29 transform-origin: 50% 50%;
30 transform-style: preserve-3d;
31 border: 5px solid blue;
32 }
34 </style>
36 <div><div><div></div></div></div>
