Schrift-fantastischer Icon-Effekt von oben nach unten

Question

Ich verwende Font Aewsome für meine sozialen Symbole, arbeiten mit Bootstrap 3.

Ich möchte einen Lover-Effekt wie dieses unten an der Unterseite: Beispiel

Ich habe eine Liste für meine sozialen Symbole:

generasacodicetagpre.

Für meine CSS habe ich das:

generasacodicetagpre.

Ich habe Google in den letzten Stunden gesucht und ich konnte nur Beispiele finden, in denen sie Sprites oder ähnliches verwenden.Ich weiß nicht wirklich, wie ich es tut.Wo sollte ich das Symbol setzen, das beim Schwebe ausgetauscht werden sollte? Ich weiß, wie es mit Spriten geht - dort benutze ich die Position.Aber wie benutze ich es hier?Ich habe etwas anderes für den YouTube-Hover ausprobiert: Aber das sieht aus wie ein großer Käfer! Könnte mir jemand beibringen oder sagen, wo Sie eine Tut finden können?wäre nett.

Answer 1

Ich habe den Effekt aufbauen, den Sie benötigen, den Sie benötigen hier auf jsfiddle .

Sie müssen nur Ihre AwsoSeMont-Artikel jetzt hinzufügen.

Ich habe den Eltern generakodicetagcode hinzugefügt und die einzelnen Elemente mit dem generationspflichtigen Veranstaltungen auf einem Hover-Ereignis bewegt.