tor-browser

The Tor Browser
git clone https://git.dasho.dev/tor-browser.git
Log | Files | Refs | README | LICENSE

image-orientation-from-image-ref.html (1746B)

      1 <!DOCTYPE html>
      2 <html>
      3 <head>
      4 <meta charset="utf-8">
      5 <title>CSS Images Module Level 3: image-orientation: from-image</title>
      6 <link rel="author" title="Stephen Chenney" href="mailto:schenney@chromium.org">
      7 <link rel="help" href="https://drafts.csswg.org/css-images-3/#propdef-image-orientation">
      8 <style>
      9    body {
     10        overflow: hidden;
     11    }
     12    div {
     13        display: inline-block;
     14        width: 100px;
     15        vertical-align: top;
     16    }
     17 </style>
     18 </head>
     19 <body>
     20    <p>The images should rotate respecting their EXIF orientation because
     21       image-orientation: from-image is specified.</p>
     22    <div>
     23        <img src="../support/exif-orientation-1-ul-pre-rotated.jpg">
     24        <br>Normal
     25    </div>
     26    <div>
     27        <img src="../support/exif-orientation-2-ur-pre-rotated.jpg">
     28        <br>Flipped horizontally
     29    </div>
     30    <div>
     31        <img src="../support/exif-orientation-3-lr-pre-rotated.jpg">
     32        <br>Rotated 180&deg;
     33    </div>
     34    <div>
     35        <img src="../support/exif-orientation-4-lol-pre-rotated.jpg">
     36        <br>Flipped vertically
     37    </div>
     38    <div>
     39        <img src="../support/exif-orientation-5-lu-pre-rotated.jpg">
     40        <br>Rotated 90&deg; CCW and flipped vertically
     41    </div>
     42    <div>
     43        <img src="../support/exif-orientation-6-ru-pre-rotated.jpg">
     44        <br>Rotated 90&deg; CW
     45    </div>
     46    <div>
     47        <img src="../support/exif-orientation-7-rl-pre-rotated.jpg">
     48        <br>Rotated 90&deg; CW and flipped vertically
     49    </div>
     50    <div>
     51        <img src="../support/exif-orientation-8-llo-pre-rotated.jpg">
     52        <br>Rotated 90&deg; CCW
     53    </div>
     54    <div>
     55        <img src="../support/exif-orientation-9-u-pre-rotated.jpg">
     56        <br>Undefined (invalid value)
     57    </div>
     58 </body>
     59 </html>