| 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 |