layout/reftests/transform-3d/backface-visibility-2-ref.html@ac0c01689b40
layout/reftests/transform-3d/backface-visibility-2-ref.html
Thu, 15 Jan 2015 15:59:08 +0100
- author
- Michael Schloh von Bennewitz <michael@schloh.com>
- date
- Thu, 15 Jan 2015 15:59:08 +0100
- branch
- TOR_BUG_9701
- changeset 10
- ac0c01689b40
- permissions
- -rw-r--r--
Implement a real Private Browsing Mode condition by changing the API/ABI;
This solves Tor bug #9701, complying with disk avoidance documented in
https://www.torproject.org/projects/torbrowser/design/#disk-avoidance.
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>
