Source code
Revision control
Copy as Markdown
Other Tools
<!DOCTYPE html>
<meta charset="UTF-8">
<title>CSS Test (Transforms): Perspective with overflow - reference</title>
<style>
#container {
width: 300px;
height: 300px;
overflow: visible;
perspective: 1000px;
}
#child {
width: 60px;
height: 60px;
background: lime;
transform: translateX(100px) translateY(140px) translateZ(550px);
transform-origin: top left;
}
</style>
<div id="container">
<div id="child"></div>
</div>