rotatex-perspective-3-ref.html (482B)
1 <html> 2 <head> 3 <style type="text/css"> 4 #container { 5 position: relative; 6 height: 300px; 7 width: 300px; 8 margin: 50px 100px; 9 border: 2px solid blue; 10 11 perspective: 500px; 12 } 13 14 #parent { 15 margin: 10px; 16 width: 280px; 17 height: 280px; 18 background-color: #844BCA; 19 20 transform: rotateY(40deg); 21 } 22 23 </style> 24 </head> 25 <body> 26 27 <div id="container"> 28 <div id="parent"> 29 </div> 30 </div> 31 32 </body> 33 </html>