Blitz - WPT: transform-image-001.html

wpt / css / css-transforms / transform-image-001.html

/css/css-transforms/transform-image-001.html

<!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">
    <meta name="fuzzy" content="maxDifference=0-1;totalPixels=0-200">
    <style>
      img {
        transform: rotate(90deg);
      }
    </style>
  </head>
  <body>
    <img src="support/transform-triangle-up.svg">
  </body>
</html>

/css/css-transforms/transform-image-ref.html

<!DOCTYPE html>
<html>
  <head>
    <title>CSS Reftest Reference</title>
    <link rel="author" title="Aryeh Gregor" href="mailto:ayg@aryeh.name">
  </head>
  <body>
    <img src="support/transform-triangle-right.svg">
  </body>
</html>