Hallo Leute,
ich bin gerade wieder an einer Seite dran. Und nun würde ich gerne folgendes einbauen, weiß aber nicht, wie ich das auch genau so hinkriege.
Und zwar will ich einen Button haben, welcher Die Farbe wechselt, wenn man mit der Maus darüber geht. Aber kein harter Übergang, sondern etwas weiches. So ungefähr, wie die Buttons auf dieser Seite: http://pluginschmied...der-plugin.php#
Wie könnte ich das am besten anstellen? Ich danke jedem, der mich weiterbringt.
Mfg ghosty
Seite 1 von 1
Buttons mit Farbübergängen
Anzeige
#2
geschrieben 03. September 2013 - 23:41
Das geht einfach mit CSS. Probier mal das:
bzw. einfach mal nach "CSS transition" googeln.
a { background: none; text-decoration: none; color: #aaaaaa; -webkit-transition: all 0.5s ease-out; -moz-transition: all 0.5s ease-out; -o-transition: all 0.5s ease-out; transition: all 0.5s ease-out; } a:hover { background: #bb0000; color: #000000; -webkit-transition: all 0.5s; -moz-transition: all 0.5s; -o-transition: all 0.5s; transition: all 0.5s; }
bzw. einfach mal nach "CSS transition" googeln.
Dieser Beitrag wurde von Holger_N bearbeitet: 03. September 2013 - 23:43
Bauernregel: Regnets mächtig im April, passiert irgendwas, was sich auf April reimt.
#3
geschrieben 03. September 2013 - 23:42
Mouseover, und:
- animierte Grafik; oder
- Per Script, welches dann via CSS-Eigenschaft den Farbwert ändert (dann aber per Schleife statt einfacher Zuweisung).
- animierte Grafik; oder
- Per Script, welches dann via CSS-Eigenschaft den Farbwert ändert (dann aber per Schleife statt einfacher Zuweisung).
#4
geschrieben 04. September 2013 - 00:44
Dankeschön für die schnelle Hilfe zur späten Stunde. Es funktioniert.
Dieser Beitrag wurde von ghosty bearbeitet: 04. September 2013 - 22:36
Thema verteilen:
Seite 1 von 1