X auf Bild bei Hover

[Gunnar Bittersmann]

@@Rolf b

Für Hover hätte ich hier einen Vorschlag.

Und warum nicht für :focus? Denselben Effekt will man doch auch bei Tastaturbedienung haben.

Merke: Wann immer :hover im Stylesheet auftaucht, sollte :focus nicht weit sein.

In dem Fall wäre button:focus::after zu ergänzen. (Der Button, nicht das article-Element wird fokussiert.) Ich würde den Hovereffekt auch auf den Button legen, also article:hover::after ersetzen durch button:hover::after, button:focus::after.

Apropos article-Element: Weder article noch section sind hier richtig. Da es sich um eine Liste handelt, bieten sich ul (ol) und li an.

Statt Button kannst Du auch bei deinen <a> bleiben

Falsch. Für Aktionen auf einer Seite sind Buttons richtig und a falsch. a-Elemente sind für Links zu anderen Seiten (bzw. anderen Stellen auf der Seite).

LLAP 🖖