transformed-rotateY-1.html (835B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Transforms API Test: transform rotateY</title> 5 <link rel="author" title="loveky" href="mailto:ylzcylx@gmail.com"> 6 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property"> 7 <link rel="match" href="reference/transformed-rotateY-1-ref.html"> 8 <meta name="assert" content="The transformed div should rotate 90 degrees"> 9 <style> 10 div { 11 height: 150px; 12 width: 150px; 13 } 14 .container { 15 border: 1px solid black; 16 background-color: green; 17 } 18 .transformed { 19 transform: rotateY(90deg); 20 background-color: red; 21 } 22 </style> 23 </head> 24 25 <body> 26 <p>You should only see a GREEN box if this test passes!</p> 27 <div class="container"> 28 <div class="transformed"></div> 29 </div> 30 </body> 31 </html>