rotate-270-degrees-001.html (1161B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CCSS Test: transform - rotate 270 deg</title> 5 <link rel="author" title="Larry McLister" href="mailto:lmcliste@adobe.com"/> 6 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-property"/> 7 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#two-d-transform-functions"/> 8 <style type="text/css"> 9 #greenBottomDiv { 10 background: green; 11 border-bottom-color: black; 12 border-left-color: transparent; 13 border-right-color: transparent; 14 border-top-color: transparent; 15 border-width: 5px; 16 border-style: solid; 17 height: 100px; 18 position: absolute; 19 transform: 20 rotate(270deg); 21 width: 100px; 22 } 23 24 #redDiv { 25 position: absolute; 26 background: red; 27 height: 110px; 28 width: 110px; 29 } 30 31 </style> 32 </head> 33 <body> 34 <p>Test passes if there is a black line on the right of green box and no red.</p> 35 <div id="redDiv"></div> 36 <div id="greenBottomDiv"></div> 37 </body> 38 </html>