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° 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° CCW and flipped vertically 40 </div> 41 <div> 42 <img src="../support/exif-orientation-6-ru-pre-rotated.jpg"> 43 <br>Rotated 90° CW 44 </div> 45 <div> 46 <img src="../support/exif-orientation-7-rl-pre-rotated.jpg"> 47 <br>Rotated 90° CW and flipped vertically 48 </div> 49 <div> 50 <img src="../support/exif-orientation-8-llo-pre-rotated.jpg"> 51 <br>Rotated 90° 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>