WinFuture-Forum.de: [CSS] hover Animation auf <li>? - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

[CSS] hover Animation auf <li>?


#1 Mitglied ist offline   Andrew0 

  • Gruppe: aktive Mitglieder
  • Beiträge: 802
  • Beigetreten: 24. Juli 04
  • Reputation: 0

geschrieben 24. Juli 2018 - 16:04

Hallo zusammen,

habe eine Verständnisfrage zum Pseudoelement :hover.

Ich möchte in einer Liste beim Hover über die einzelnen Elemente eine schöne underline Animation haben.
So ähnlich wie hier.
Aktuell finde ich jedoch nur Möglichkeiten für Links, auch in anderen Beispielen.

Ist es nun möglich, dass diese Animation wirklich nur für a-Elemente gedacht ist?

Alles was ich hierzu nämlich finde baut darauf auf, dass die Maus über einen Link oder Bild hovert, nicht jedoch über li, p, span usw. tags.
0

Anzeige



#2 Mitglied ist offline   slurp 

  • Gruppe: aktive Mitglieder
  • Beiträge: 1.330
  • Beigetreten: 25. September 08
  • Reputation: 133

geschrieben 24. Juli 2018 - 16:15

Machste bei dem Beispielcode aus a li und gut is
0

#3 Mitglied ist offline   RalphS 

  • Gruppe: VIP Mitglieder
  • Beiträge: 8.352
  • Beigetreten: 20. Juli 07
  • Reputation: 974

geschrieben 24. Juli 2018 - 18:43

Die Hover-Pseudoklasse funktioniert so ziemlich überall, nicht nur bei Links.

Notfalls ausprobieren.

Im Zweifel kann man Text auch einfach in ein span stecken und jenes mit einem :hover-Selektor versehen, entweder über den DOM-Pfad (zB h2 span:hover) oder per zugewiesener Klasse (span class="abc" einerseits und .abc:hover andererseits).

text-decoration nicht vergessen.

A verwenden, wo Anker nicht gebraucht werden, ist schlechter Stil und geht in dieselbe Richtung wie "Table zur Positionierung" .
"If you give a man a fish he is hungry again in an hour. If you teach him to catch a fish you do him a good turn."-- Anne Isabella Thackeray Ritchie

Eingefügtes Bild
Eingefügtes Bild
0

#4 Mitglied ist offline   Andrew0 

  • Gruppe: aktive Mitglieder
  • Beiträge: 802
  • Beigetreten: 24. Juli 04
  • Reputation: 0

geschrieben 25. Juli 2018 - 09:55

Danke euch.
Ich habe es ewig probiert und bekomme die Animation in meinem <ul> / <li> Aufbau nur so hin, dass die Animation am Ende der Aufzählung stattfindet. D.h. nicht unter jedem der einzelnen Listenpunkte.
Ich probiere aber mal weiter, die Tipps haben mir sehr geholfen :-)
Danke!
0

Thema verteilen:


Seite 1 von 1

1 Besucher lesen dieses Thema
Mitglieder: 0, Gäste: 1, unsichtbare Mitglieder: 0