transforms-rotateY-degree-60.html (1073B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Transforms Test: transform property with rotate function and one parameter</title> 5 <link rel="author" title="Ji Kai" href="mailto:7jikai@gmail.com"> 6 <link rel="reviewer" title="Dayang Shen" href="mailto:shendayang@baidu.com"> <!-- 2013-09-04 --> 7 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property"> 8 <link rel="help" href="http://www.w3.org/TR/css-transforms-2/#two-d-transform-functions"> 9 <link rel="match" href="reference/transforms-rotateY-degree-60-ref.html"> 10 <style> 11 div { 12 position: absolute; 13 top: 100px; 14 left: 100px; 15 height: 100px; 16 width: 100px; 17 } 18 19 .transformed { 20 background-color: white; 21 transform: rotateY(60deg); 22 } 23 24 .back { 25 background-color: green; 26 } 27 </style> 28 </head> 29 <body> 30 <p>The test passes if there are two green rectangles.</p> 31 <div class="back"></div> 32 <div class="transformed"></div> 33 </body> 34 </html>