CSS3 image-orientation
CSS property used generally to fix the intended orientation of an image. This can be done using 90 degree increments or based on the image's EXIF data using the "from-image" value.
IE | Edge | Firefox | Chrome | Safari | Opera | iOS Safari | Opera Mini | Android Browser | Blackberry Browser | Opera Mobile | Chrome for Android | Firefox for Android | IE Mobile | UC Browser for Android | Samsung Internet | QQ Browser | Baidu Browser |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
49 | |||||||||||||||||
56 | 9.3
See notes:
|
4.4 | |||||||||||||||
14 | 52 | 57 | 10 | 10.0-10.2
See notes:
|
4.4.3-4.4.4 | 4 | |||||||||||
11 | 15 | 53 | 58 | 10.1 | 44 | 10.3
See notes:
|
all | 56 | 10 | 37 | 57 | 52 | 11 | 11.4 | 5 | 1.2 | 7.12 |
54 | 59 | TP | 45 | ||||||||||||||
55 | 60 | 46 | |||||||||||||||
56 | 61 |
Notes
Opening the image in a new tab in Chrome results in the image shown in the orientation according to the EXIF data.
-
1
Partial support in iOS refers to the browser using EXIF data by default, though it does not actually support the property.