19 September, 2025
CSS-Tipp: Universal-Hover-Effekt für Links und Buttons
In der Regel verändern Links und Buttons ja, wenn man mit der Maus darüber fährt, ihre Farbe – auch um die Interaktivität zu unterstreichen. Klassischerweise werden hierfür 2 Farbwerte definiert. Eine für den Ausgangsstatus und eine Hover-Farbe.
Mit der CSS-Filter-Funktion lässt sich ganz leicht ein Universal-Effekt erzeugen.
button:hover{
filter: brightness(1.1);
}Code-Sprache: CSS (css)Mit dem Brightness-Filter werden die Button einfach ein bisschen heller dargestellt unabhängig von der Ausgangsfarbe. Sehr praktisch!
Nächster Artikel
