转换
旋转
用于旋转元素的功能类。
注意事项
- 因为有正向旋转和反向旋转，所以语法表格中补充了前缀，开发者使用时直接复制语法即可，不需要单独添加前缀
正向旋转
{ 前缀 }-rotate -
| Class | Properties | 平台兼容性说明 |
|---|---|---|
| kui-rotate-0 | transform: rotate(0deg); | H5、小程序、app-vue、app-nvue |
| kui-rotate-1 | transform: rotate(1deg); | H5、小程序、app-vue、app-nvue |
| kui-rotate-2 | transform: rotate(2deg); | H5、小程序、app-vue、app-nvue |
| kui-rotate-3 | transform: rotate(3deg); | H5、小程序、app-vue、app-nvue |
| kui-rotate-6 | transform: rotate(6deg); | H5、小程序、app-vue、app-nvue |
| kui-rotate-12 | transform: rotate(12deg); | H5、小程序、app-vue、app-nvue |
| kui-rotate-45 | transform: rotate(45deg); | H5、小程序、app-vue、app-nvue |
| kui-rotate-90 | transform: rotate(90deg); | H5、小程序、app-vue、app-nvue |
| kui-rotate-180 | transform: rotate(180deg); | H5、小程序、app-vue、app-nvue |
反向旋转
-{ 前缀 }-rotate -
| Class | Properties | 平台兼容性说明 |
|---|---|---|
| -kui-rotate-1 | transform: rotate(-1deg); | H5、小程序、app-vue、app-nvue |
| -kui-rotate-2 | transform: rotate(-2deg); | H5、小程序、app-vue、app-nvue |
| -kui-rotate-3 | transform: rotate(-3deg); | H5、小程序、app-vue、app-nvue |
| -kui-rotate-6 | transform: rotate(-6deg); | H5、小程序、app-vue、app-nvue |
| -kui-rotate-12 | transform: rotate(-12deg); | H5、小程序、app-vue、app-nvue |
| -kui-rotate-45 | transform: rotate(-45deg); | H5、小程序、app-vue、app-nvue |
| -kui-rotate-90 | transform: rotate(-90deg); | H5、小程序、app-vue、app-nvue |
| -kui-rotate-180 | transform: rotate(-180deg); | H5、小程序、app-vue、app-nvue |