「image-orientation」图片旋转和翻转属性介绍
CSS Image Level3和 Level4中新增了「image-orientation」属性主要用于旋转或翻转图片， 它不同于transform: rotate()，不存在旋转30deg这样的情况，只能是垂直或水平的90,180,270等几个角度。45deg则计算为90deg,44deg则计算为0deg。
截止目前，只有Firefox 26 支持该属性，Bug
| 属性名称: | image-orientation |
|---|---|
| 取值: | from-image | <angle> | [ <angle> ? flip ] |
| 默认值: | 0deg |
| 应用于: | 所有元素 |
| 继承性: | 有 |
| 媒体: | 视觉 |
| 计算值: | 角度单位<angle> ,或者四舍五入为正常状态 (见规范正文), 再加上可选的 flip(翻转) 关键字 |
| 动画: | 无 |
CSS中角度取值表示为<angle>。不同的单位角度标识符如下：
- deg
- Degrees，每个圆周是360 degrees(即360deg)。
- grad
- Gradians，也称作gons或grades，每个圆周是400 gradians。
- rad
- Radians，每个圆周是2π radians。
- turn
- Turns，每个圆周是1 turn。
有如下推算公式
90deg = 100grad = 0.25trun ≈ 1.570796326794897rad
360deg = 0deg
45deg ≈ 90deg
44deg ≈ 0deg
flip = 0deg flip
