tor-browser

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

image-orientation-default-ref.html (1719B)


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