OLD | NEW |
1 <html> | 1 <html> |
2 <head> | 2 <head> |
3 <style type="text/css"> | 3 <style type="text/css"> |
4 .green { | 4 .green { |
5 width: 100px; | 5 width: 100px; |
6 height: 100px; | 6 height: 100px; |
7 background-color: rgba(0, 128, 0, 128); | 7 background-color: rgba(0, 128, 0, 128); |
8 opacity: 0.5; | 8 opacity: 0.5; |
9 display: block; | 9 display: block; |
10 } | 10 } |
11 .blue { | 11 .blue { |
12 width: 100px; | 12 width: 100px; |
13 height: 100px; | 13 height: 100px; |
14 background-color: rgba(0, 0, 128, 128); | 14 background-color: rgba(0, 0, 128, 128); |
15 opacity: 0.5; | 15 opacity: 0.5; |
16 display: block; | 16 display: block; |
17 -webkit-transform: translate(50px, 50px); | 17 transform: translate(50px, 50px); |
18 } | 18 } |
19 | 19 |
20 .composited { | 20 .composited { |
21 -webkit-transform-style: preserve-3d; | 21 -webkit-transform-style: preserve-3d; |
22 } | 22 } |
23 </style> | 23 </style> |
24 </head> | 24 </head> |
25 <body> | 25 <body> |
26 <div class="green"> | 26 <div class="green"> |
27 <div class="blue"> | 27 <div class="blue"> |
28 </div> | 28 </div> |
29 </div> | 29 </div> |
30 </body> | 30 </body> |
31 </html> | 31 </html> |
OLD | NEW |