rotatex-perspective-3a.html (505B)
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 opacity: 0.9999; 13 } 14 15 #parent { 16 margin: 10px; 17 width: 280px; 18 height: 280px; 19 background-color: #844BCA; 20 21 transform: rotateY(40deg); 22 } 23 24 </style> 25 </head> 26 <body> 27 28 <div id="container"> 29 <div id="parent"> 30 </div> 31 </div> 32 33 </body> 34 </html>