29 lines
434 B
HTML
29 lines
434 B
HTML
|
<!DOCTYPE html>
|
||
|
<html>
|
||
|
<head>
|
||
|
<style type="text/css">
|
||
|
div {
|
||
|
width: 96px;
|
||
|
height: 96px;
|
||
|
background-color: green;
|
||
|
margin: 10px;
|
||
|
}
|
||
|
|
||
|
#one {
|
||
|
-webkit-transform: translateZ(-1px); /* this moves the element "behind" the page */
|
||
|
}
|
||
|
|
||
|
#two {
|
||
|
-webkit-transform: translateZ(1px);
|
||
|
}
|
||
|
|
||
|
</style>
|
||
|
</head>
|
||
|
|
||
|
<body>
|
||
|
<!-- both should be visible - two green squares in the page -->
|
||
|
<div id="one"></div>
|
||
|
<div id="two"></div>
|
||
|
</body>
|
||
|
</html>
|