35 lines
728 B
HTML
35 lines
728 B
HTML
<html>
|
|
<head>
|
|
<style type="text/css">
|
|
#stage {
|
|
perspective: 1000px;
|
|
}
|
|
|
|
#parent {
|
|
transform-style: preserve-3d;
|
|
}
|
|
|
|
#big {
|
|
width: 1000px;
|
|
height: 1000px;
|
|
background-color: #995C7F;
|
|
transform: rotatey(45deg);
|
|
}
|
|
|
|
#small {
|
|
width: 100px;
|
|
height: 100px;
|
|
background-color: #995C7F;
|
|
transform: translate3d(600px, 200px, 0px);
|
|
}
|
|
</style>
|
|
</head>
|
|
<body>
|
|
<div id="stage">
|
|
<div id="parent">
|
|
<div id="small"></div>
|
|
<div id="big"></div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
</html>
|