transform-image-001.html (903B)
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>CSS Test (Transforms): Transformed <img></title> 5 <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name"> 6 <link rel="reviewer" title="Apple Inc." href="http://www.apple.com"> 7 <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transformable-element"> 8 <meta name="assert" content='An <img> is a transformable element, so 9 transforms should work on it the same as any image. This test compares an 10 img element with a 90deg rotation transform applied to a different image 11 that was pre-rotated by 90 degrees.'> 12 <link rel="match" href="transform-image-ref.html"> 13 <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-200"> 14 <style> 15 img { 16 transform: rotate(90deg); 17 } 18 </style> 19 </head> 20 <body> 21 <img src="support/transform-triangle-up.svg"> 22 </body> 23 </html>