dino@apple.com | 800b786 | 2012-07-10 02:14:10 +0000 | [diff] [blame] | 1 | <!DOCTYPE html> |
2 | <html> | ||||
3 | <head> | ||||
4 | <style type="text/css"> | ||||
5 | div { | ||||
6 | width: 96px; | ||||
7 | height: 96px; | ||||
8 | background-color: green; | ||||
9 | margin: 10px; | ||||
10 | } | ||||
11 | |||||
12 | #one { | ||||
13 | -webkit-transform: translateZ(-1px); /* this moves the element "behind" the page */ | ||||
14 | } | ||||
15 | |||||
16 | #two { | ||||
17 | -webkit-transform: translateZ(1px); | ||||
18 | } | ||||
19 | |||||
20 | </style> | ||||
21 | </head> | ||||
22 | |||||
23 | <body> | ||||
24 | <!-- both should be visible - two green squares in the page --> | ||||
25 | <div id="one"></div> | ||||
26 | <div id="two"></div> | ||||
27 | </body> | ||||
28 | </html> |