Ich möchte meine Schriftarten-Symbole statisch um 45 Grad drehen. Auf der Website heißt es:
Verwenden Sie die Klassen fa-rotate- * und fa-flip- *, um Symbole willkürlich zu drehen und umzudrehen.
Allerdings tun
<i class="fa fa-link fa-rotate-45" style="font-size:1.5em"></i>
funktioniert nicht, während das Ersetzen fa-rotate-45
durch fa-rotate-90
. Bedeutet dies, dass sie sich tatsächlich nicht willkürlich drehen können?
quelle
Für den Fall, dass jemand anderes auf diese Frage stößt und sie hier haben möchte, ist das SASS-Mixin, das ich verwende.
quelle
Das neue Font-Awesome v5 verfügt über Power Transforms
Sie können jedes Symbol drehen, indem Sie dem
data-fa-transform
Symbol ein Attribut hinzufügenHier ist eine Geige
Weitere Informationen finden Sie unter: Font-Awesome5 Power Tranforms
quelle
Wenn Sie um 45 Grad drehen möchten, können Sie die CSS-Transformationseigenschaft verwenden:
quelle
Wenn Sie Less verwenden , können Sie direkt das folgende Mixin verwenden:
quelle
Das funktioniert perfekt
quelle