1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/outline/outline-and-3d-transform-1b.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,40 @@
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 + outline: 2px dashed blue;
1.20 +}
1.21 +
1.22 +body > div > div {
1.23 + transform: rotateX(90deg);
1.24 + transform-origin: 50% 50%;
1.25 + transform-style: preserve-3d;
1.26 +}
1.27 +
1.28 +body > div > div > div {
1.29 + transform: rotateX(-30deg);
1.30 + transform-origin: 50% 50%;
1.31 + transform-style: preserve-3d;
1.32 +}
1.33 +
1.34 +body > div > div > div > div {
1.35 + transform: scale(1.5, 3);
1.36 + transform-origin: 50% 50%;
1.37 + background: rgba(255, 255, 0, 0.4);
1.38 +}
1.39 +
1.40 +
1.41 +</style>
1.42 +
1.43 +<div><div><div><div></div></div></div></div>
