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>