Я хочу повернуть этот значок шрифта на 45 градусов. Значок имеет этот CSS (все CSS скомпилированы через LESS):
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: 20px;
font-style: normal;
margin-left: 20px;
}
И это Flaticon: http://www.flaticon.com/free-icon/hand-pointer_70655
Я установил его как шрифт значка.
Однако, когда я пытаюсь повернуть его на 45 градусов, чтобы палец указывал на верхний правый угол, он не работает. Я пытаюсь установить значок так:
<i class="flaticon-hand-10 gly-rotate-45"></i>
Если это класс gly-rotate-45
:
.gly-rotate-45 {
filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0.5);
-webkit-transform: rotate(45deg);
-moz-transform: rotate(45deg);
-ms-transform: rotate(45deg);
-o-transform: rotate(45deg);
transform: rotate(45deg);
}
Браузер поднимает transform: rotate(45deg);
, но значок не поворачивается. Как я могу повернуть этот значок?