x
1
2
<html>3
<head>4
<meta charset="utf-8">5
<style>6
#div1 {7
position: relative;8
height: 150px;9
width: 150px;10
margin: 50px;11
padding: 10px;12
border: 1px solid black;13
perspective: 150;14
perspective-origin: 10% 10%;15
perspective: 150;16
/* Safari and Chrome */17
perspective-origin: 10% 10%;18
/* Safari and Chrome */19
}20
21
#div2 {22
padding: 50px;23
position: absolute;24
border: 1px solid black;25
background-color: red;26
transform: rotateX(45deg);27
transform: rotateX(45deg);28
/* Safari and Chrome */29
}30
</style>31
</head>32
33
<body>34
35
<div id="div1">36
<div id="div2">HELLO</div>37
</div>38
39
</body>40
</html>