FontAwesome Icons Spin nur bei Mouseover?

8

In font awesome wie kann ich diesen Code verwenden: <i class="fa fa-spinner fa-spin"></i> funktioniert nur mit der Maus?

    
Vachos 09.01.2014, 20:17
quelle

4 Antworten

17

Anstatt die Klasse zu überschreiben, können Sie auch eine andere nur für den Hover erstellen:

%Vor%

Geige: Ссылка

Hinweis: Wenn Sie Font-Awesome 4.2+ verwenden, müssen Sie die Animation möglicherweise mit "fa -" benennen:

%Vor%     
Chris 23.05.2014, 13:36
quelle
2

Sie könnten auch Javascript mit der jquery-Bibliothek verwenden:

%Vor%

Das würde es nur beim Schweben drehen lassen und zurück in seine ursprüngliche Position bringen, wenn es vorbei ist - das heißt, es kann mit einigen der Symbole seltsam aussehen (ich habe es nur mit dem Zahnrad verwendet). Für unendliches Drehen bei Hover könntest du einfach folgendes tun:

%Vor%

jquery link: Ссылка

    
Nesiehr 19.05.2015 23:19
quelle
0

Damit es in meiner Site funktioniert, ändere ich dies

%Vor%

mit diesem

%Vor%     
Vachos 12.01.2014 20:53
quelle
0

Verwenden Sie einfach die Schriftart super ccs-Datei für mehr Details Ссылка

Sie haben detaillierte Dokumentation zur Verwendung der ccs

    
m. oscar 26.05.2016 06:58
quelle

Tags und Links

Django: Verwenden von Annotate, Count und Distinct in einem Queryset So behandeln Sie ein Kendo-UI-Rasterzeilen-Doppelklickereignis