Voglio ruotare questa icona di carattere di 45 gradi. L'icona ha questo CSS (CSS tutto compilato via MENO):Come posso ruotare un'icona di carattere di 45 gradi?
[class^="flaticon-"]:before, [class*=" flaticon-"]:before, [class^="flaticon-"]:after, [class*=" flaticon-"]:after {
font-family: Flaticon;
font-size: 20px;
font-style: normal;
margin-left: 20px;
}
Ed è questo Flaticon: http://www.flaticon.com/free-icon/hand-pointer_70655
ho installato come un tipo di carattere un'icona.
Tuttavia, quando provo a ruotarlo di 45 gradi, in modo che il dito punti verso l'angolo in alto a destra, non funziona. Sto cercando installando l'icona in questo modo:
<i class="flaticon-hand-10 gly-rotate-45"></i>
Dove questa è la classe 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);
}
Il browser è in ripresa transform: rotate(45deg);
, ma l'icona non viene ruotata. Come posso ruotare questo carattere icona?