layout/reftests/transform-3d/backface-visibility-2-ref.html@deefc01c0e14
layout/reftests/transform-3d/backface-visibility-2-ref.html
Thu, 15 Jan 2015 21:03:48 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 21:03:48 +0100
- branch
- TOR_BUG_9701
- changeset 11
- deefc01c0e14
- permissions
- -rw-r--r--
Integrate friendly tips from Tor colleagues to make (or not) 4.5 alpha 3;
This includes removal of overloaded (but unused) methods, and addition of
a overlooked call to DataStruct::SetData(nsISupports, uint32_t, bool.)
1 <!DOCTYPE html>
2 <html>
3 <body>
4 <style>
5 #container {
6 position: relative;
7 margin: 10px auto;
8 width: 450px;
9 height: 281px;
10 z-index: 1;
11 -moz-perspective: 1000px;
12 }
13 #card {
14 width: 100%;
15 height: 100%;
16 -moz-transform-style: preserve-3d;
17 -moz-transform: rotateY(165deg);
18 }
19 .face {
20 position: absolute;
21 width: 100%;
22 height: 100%;
23 -moz-backface-visibility: hidden;
24 background: red;
25 }
26 .face.back {
27 display: block;
28 -moz-transform: rotateY(180deg);
29 box-sizing: border-box;
30 padding: 10px;
31 color: white;
32 text-align: center;
33 background: green;
34 }
35 </style>
37 <div id="container" class="hover">
38 <div id="card">
39 <div class="back face">
40 </div>
41 </div>
42 </div>
43 </body></html>
