Flüssiger hover effekt

[i-love-new-york]

Moin leute
gibt es irgendwie eine möglichkeit "sanfte" hover übergänge zu machen?
also wenn man über einen button fährt das dieser nicht sofort ein anderes bild darstellt sondern flüssig in das andere bild übergeht.
so ähnlich wie der windows button bei windoes7 und vista
geht das?

[Nevermind314]

Ja, gibt es, ich kenne aber nur 2 browserspezifische Definitionen.

-webkit-transition-property: background;
	-webkit-transition-duration: 1543ms;
	-moz-transition-property: background;
	-moz-transition-duration: 1543ms;

Damit kannst du beim umschalten eines Elementes auf transparent eine verzögerung erwirken. Dazu also zwei Elemente übereinander legen, das untere mit dem Hover-HG versehen, und das obere beim hovern auf transparent umschalten.

MfG Nevermind

[i-love-new-york]

ok danke
und welche 2 browser sind das?
also die mit moz vorne dran sind firefox und die anderen?

[Nevermind314]

Ich glaube, das gilt für Safari und die das Engine nutzenden Browser.

[bolivien]

webkit gilt auch für Chrome. Außerdem kann versteht der aktuelle Opera Browser -o-transition-duration.

Wenn man eine Lösung für alle Browser haben will, also auch IE, dann muss man eher auf jQuery zurückgreifen. Google hover mit jquery bringt eine Menge Beispiele.

[i-love-new-york]

ok ich glaube ich erkunde mich mal wegen jquery da ja (leider) immernoch viele den internet explorer nutzen

ok doch nicht ist für nen menü finde ich zu aufwendig und unübersichtlich.
naja dann müssen sich halt internet explorer fans mit einem normalen hover zufrieden geben

[i-love-new-york]

ok ich habe das noch nicht so richtig verstanden.
wie kann man das in das css einbauen dass es klappt?