repo.or.cz
/
gecko.git
/
blob
commit
grep
author
committer
pickaxe
?
search:
re
summary
|
log
|
graphiclog1
|
graphiclog2
|
commit
|
commitdiff
|
tree
|
refs
|
edit
|
fork
blame
|
history
|
raw
|
HEAD
Bug 1914102 - Use OffscreenCanvas in TabBase.capture instead of creating a canvas...
[gecko.git]
/
layout
/
reftests
/
transform-3d
/
backface-visibility-2-ref.html
blob
47db3e64f2424d1a86311544aac0135ffc488279
1
<!DOCTYPE
html
>
2
<html>
3
<body>
4
<style>
5
#container {
6
position: relative;
7
margin:
10
px auto;
8
width:
450
px;
9
height:
281
px;
10
z-index:
1
;
11
perspective:
1000
px;
12
}
13
#card {
14
width:
100
%;
15
height:
100
%;
16
transform-style: preserve-
3
d;
17
transform: rotateY(
165
deg);
18
}
19
.face {
20
position: absolute;
21
width:
100
%;
22
height:
100
%;
23
backface-visibility: hidden;
24
background: red;
25
}
26
.face.back {
27
display: block;
28
transform: rotateY(
180
deg);
29
box-sizing: border-box;
30
padding:
10
px;
31
color: white;
32
text-align: center;
33
background: green;
34
}
35
</style>
36
37
<div
id
=
"container"
class
=
"hover"
>
38
<div
id
=
"card"
>
39
<div
class
=
"back face"
>
40
</div>
41
</div>
42
</div>
43
</body></html>