1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/outline/outline-and-3d-transform-2.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,35 @@
1.4 +<!DOCTYPE HTML>
1.5 +<title>Testcase for outline around 3-D transform</title>
1.6 +<style>
1.7 +
1.8 +html, body { margin: 0; padding: 0; border: none }
1.9 +
1.10 +div {
1.11 + width: 100px;
1.12 + height: 100px;
1.13 +}
1.14 +
1.15 +body > div {
1.16 + margin-top: 200px;
1.17 + margin-left: 200px;
1.18 + transform-style: flat;
1.19 +}
1.20 +
1.21 +body > div > div {
1.22 + transform: rotateX(30deg);
1.23 + transform-origin: 50% 50%;
1.24 + transform-style: preserve-3d;
1.25 + outline: 5px solid green;
1.26 +}
1.27 +
1.28 +body > div > div > div {
1.29 + transform: rotateX(30deg);
1.30 + width: 50px; margin-left: 25px;
1.31 + transform-origin: 50% 50%;
1.32 + transform-style: preserve-3d;
1.33 + outline: 5px solid blue;
1.34 +}
1.35 +
1.36 +</style>
1.37 +
1.38 +<div><div><div></div></div></div>
