css/css-transforms-1/transform-image-001.html - external/w3c/web-platform-tests - Git at Google

 <!DOCTYPE html>
 <html>
   <head>
     <title>CSS Test (Transforms): Transformed &lt;img&gt;</title>
     <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
     <link rel="reviewer" title="Apple Inc." href="http://www.apple.com">
     <link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transformable-element">
     <meta name="assert" content='An &lt;img&gt; is a transformable element, so
     transforms should work on it the same as any image.  This test compares an
     img element with a 90deg rotation transform applied to a different image
     that was pre-rotated by 90 degrees.'>
     <link rel="match" href="transform-image-ref.html">
     <style>
       img {
         transform: rotate(90deg);
       }
     </style>
   </head>
   <body>
     <img src="support/transform-triangle-up.svg">
   </body>
 </html>
	<!DOCTYPE html>
	<html>
	<head>
	<title>CSS Test (Transforms): Transformed <img></title>
	<link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
	<link rel="reviewer" title="Apple Inc." href="http://www.apple.com">
	<link rel="help" href="http://www.w3.org/TR/css-transforms-1/#transformable-element">
	<meta name="assert" content='An <img> is a transformable element, so
	transforms should work on it the same as any image. This test compares an
	img element with a 90deg rotation transform applied to a different image
	that was pre-rotated by 90 degrees.'>
	<link rel="match" href="transform-image-ref.html">
	<style>
	img {
	transform: rotate(90deg);
	}
	</style>
	</head>
	<body>
	<img src="support/transform-triangle-up.svg">
	</body>
	</html>