Wie kann ich das .rotate () Mischen auf ein i Icon Glyph Element von Bootstrap anwenden?

8

Ich verwende <i class="icon-play icon-white"></i> und was ich erreichen möchte, ist, es um 90 Grad zu drehen. Obwohl der Rest von Mixins wie .scale() arbeitet, rotiere ich nicht. Fehle ich etwas?

    
topless 15.05.2012, 12:03
quelle

2 Antworten

12

Als ein Ergebnis von @Lipis Kommentar, hier ist mein Kommentar in einer Antwort erklärt.

Pure CSS-Lösung:

%Vor%

Oder benutze Bootstrap's Mixins und LessCSS:

%Vor%

Denken Sie daran, dass ältere Browser diese CSS nicht unterstützen.

Siehe jsfiddle für eine Demo.

    
Tim 15.05.2012, 12:51
quelle
4

Sie können keine Transformation für ein pseduo-Element (wie: vorher) durchführen. So werden häufig Icon-Fonts implementiert. Mit Bootstraps Glyphen gibt es background-image: url ("../ img / glyphicons-halblings.png"); (Wie in dieser Demo). Siehe auch: Anwenden von WebKit-Übergängen auf Pseudo-Elemente und dies: Ссылка

    
Cliff P 19.02.2013 17:48
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset Installiere Edelsteine ​​in Windows 7 mit Proxy