transform-origin-002.html (871B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): Default transform-origin not center right</title> 5 <link rel="author" title="Keith Schwarz" href="mailto:keith@keithschwarz.com"> 6 <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name"> 7 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transform-origin-property"> 8 <meta name="assert" content='A transform-origin of 100% 50% must not result 9 in the same rendering as the default of 50% 50%, if a 45-degree rotation is 10 applied.'> 11 <link rel="mismatch" href="transform-origin-ref-1.html"> 12 <style> 13 div { 14 width: 200px; 15 height: 100px; 16 border: 1px solid black; 17 transform: rotate(45deg); 18 transform-origin: 100% 50%; 19 } 20 </style> 21 </head> 22 <body> 23 <div> 24 Some text! 25 </div> 26 </body> 27 </html>