3 <style type="text/css" media="screen">
7 background-color: blue;
9 -webkit-transform: translate(0);
10 // default transform origin
15 background-color: blue;
17 -webkit-transform: translate(0);
18 -webkit-transform-origin: 50% 50%;
23 background-color: blue;
25 -webkit-transform: translate(0);
26 -webkit-transform-origin: 0% 100%;
31 background-color: blue;
33 -webkit-transform: translate(0);
34 -webkit-transform-origin: 5px 7px;
37 <script src="../../fast/js/resources/js-test-pre.js"></script>
44 <p id="description"></p>
45 <div id="console"></div>
48 description("This tests computed style values for transform origin.");
50 var test1 = document.getElementById("test1");
51 var test2 = document.getElementById("test2");
52 var test3 = document.getElementById("test3");
53 var test4 = document.getElementById("test4");
55 var test1Style = window.getComputedStyle(test1);
56 var test2Style = window.getComputedStyle(test2);
57 var test3Style = window.getComputedStyle(test3);
58 var test4Style = window.getComputedStyle(test4);
60 shouldBe("test1Style.webkitTransformOrigin", "'10px 10px'");
61 shouldBe("test2Style.webkitTransformOrigin", "'10px 10px'");
62 shouldBe("test3Style.webkitTransformOrigin", "'0px 20px'");
63 shouldBe("test4Style.webkitTransformOrigin", "'5px 7px'");
68 <script src="../../fast/js/resources/js-test-post.js"></script>