有没有办法反转jQuery UI图标或Bootstrap图标？

Question

很简单的问题.我希望能够垂直反转图标.使用jQuery UI或Bootstrap图标.

http://api.jqueryui.com/theming/icons/

http://getbootstrap.com/2.3.2/base-css.html#icons

例如,用于"刷新"的图标将非常方便,因为顺时针或逆时针"旋转"用于图像查看.有没有办法做到这一点,而不必获得新的图标？

澄清:我不想旋转图像.我想拍一个非对称的图标并将其反转,以便我得到它的镜像.

Answer 1

你可以在你想要旋转的那个图标上应用css类我已经创建了一个小提琴,你可以在这里查看

https://jsbin.com/rekuse/edit?html,css,js,output

.rotate-90 {
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    transform: rotate(90deg);
 }

如果你想翻转图标这么做

.flip {
   -moz-transform: scaleX(-1);
   -o-transform: scaleX(-1);
   -webkit-transform: scaleX(-1);
   transform: scaleX(-1);
   filter: FlipH;
}