blob: 47a9a100e24a016d0678b51b95255121c593e586 [file] [log] [blame]
dino@apple.com800b7862012-07-10 02:14:10 +00001<!DOCTYPE html>
2<html>
3<head>
4<style type="text/css">
5div {
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>