transform3d-rotatex-perspective-ref.html (706B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Reftest Reference</title> 5 <link rel="author" title="Matt Woodrow" href="mailto:mwoodrow@mozilla.com"> 6 <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name"> 7 <style> 8 #container { 9 position: relative; 10 height: 300px; 11 width: 300px; 12 margin: 50px 100px; 13 border: 2px solid blue; 14 15 perspective: 500px; 16 } 17 #parent { 18 margin: 10px; 19 width: 280px; 20 height: 280px; 21 background-color: #844BCA; 22 23 transform: rotateY(40deg); 24 } 25 </style> 26 </head> 27 <body> 28 <div id="container"> 29 <div id="parent"></div> 30 </div> 31 </body> 32 </html>