WinFuture-Forum.de: Buttons mit Farbübergängen - WinFuture-Forum.de

Zum Inhalt wechseln

Nachrichten zum Thema: Entwicklung
Seite 1 von 1

Buttons mit Farbübergängen


#1 Mitglied ist offline   ghosty 

geschrieben 03. September 2013 - 22:40

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
0

Anzeige



#2 Mitglied ist offline   Holger_N 

  • Gruppe: aktive Mitglieder
  • Beiträge: 5.111
  • Beigetreten: 11. September 10
  • Reputation: 458
  • Geschlecht:Männlich

geschrieben 03. September 2013 - 23:41

Das geht einfach mit CSS. Probier mal das:




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.
1

#3 Mitglied ist offline   RalphS 

  • Gruppe: VIP Mitglieder
  • Beiträge: 8.895
  • Beigetreten: 20. Juli 07
  • Reputation: 1.126
  • Geschlecht:Männlich
  • Wohnort:Zuhause
  • Interessen:Ja

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).
"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   ghosty 

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

0

Thema verteilen:


Seite 1 von 1

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