1.1 --- /dev/null Thu Jan 01 00:00:00 1970 +0000
1.2 +++ b/layout/reftests/transform-3d/perspective-origin-3a.html Wed Dec 31 06:09:35 2014 +0100
1.3 @@ -0,0 +1,41 @@
1.4 +<!DOCTYPE html>
1.5 +<html xmlns="http://www.w3.org/1999/xhtml">
1.6 + <style type="text/css">
1.7 +
1.8 +.parentWithPerspective {
1.9 + -moz-perspective: 100px;
1.10 + -moz-perspective-origin: 150px 150px;
1.11 + -webkit-perspective: 100px;
1.12 + -webkit-perspective-origin: 150px 150px;
1.13 + /* Changing width/height to 500px should not change the rendering. */
1.14 + height:500px;
1.15 +}
1.16 +
1.17 +.parentWithPerspective > div {
1.18 + position:absolute;
1.19 + top:100px;
1.20 + left:100px;
1.21 + width:100px;
1.22 + height:100px;
1.23 +}
1.24 +
1.25 +.notTransformed {
1.26 + outline: 1px solid black;
1.27 +}
1.28 +
1.29 +.transformed {
1.30 + background:blue;
1.31 + -moz-transform-origin: 0% 0%;
1.32 + -moz-transform: rotateY(45deg);
1.33 + -webkit-transform-origin: 0% 0%;
1.34 + -webkit-transform: rotateY(45deg);
1.35 +}
1.36 +
1.37 + </style>
1.38 + <body>
1.39 + <div class="parentWithPerspective">
1.40 + <div class="notTransformed"></div>
1.41 + <div class="transformed"></div>
1.42 + </div>
1.43 + </body>
1.44 +</html>
