layout/reftests/transform-3d/perspective-origin-3a.html@6474c204b198
layout/reftests/transform-3d/perspective-origin-3a.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 <html xmlns="http://www.w3.org/1999/xhtml">
3 <style type="text/css">
5 .parentWithPerspective {
6 -moz-perspective: 100px;
7 -moz-perspective-origin: 150px 150px;
8 -webkit-perspective: 100px;
9 -webkit-perspective-origin: 150px 150px;
10 /* Changing width/height to 500px should not change the rendering. */
11 height:500px;
12 }
14 .parentWithPerspective > div {
15 position:absolute;
16 top:100px;
17 left:100px;
18 width:100px;
19 height:100px;
20 }
22 .notTransformed {
23 outline: 1px solid black;
24 }
26 .transformed {
27 background:blue;
28 -moz-transform-origin: 0% 0%;
29 -moz-transform: rotateY(45deg);
30 -webkit-transform-origin: 0% 0%;
31 -webkit-transform: rotateY(45deg);
32 }
34 </style>
35 <body>
36 <div class="parentWithPerspective">
37 <div class="notTransformed"></div>
38 <div class="transformed"></div>
39 </div>
40 </body>
41 </html>
