nicht angemeldet
Hi Community,
ich habe ein Problem mit einem Transtition-Effekt. Es geht darum, dass in einem div-Container 2 fast identische Bilder (eines heller, eines dunkler) übereinander gelegt werden sollen. Eines (das hellere) ist dabei als Hintergrundbild definiert, das andere ist ein Link. Bei hover soll das verlinkte Bild durchsichtig werden (opacity: 0), das hintere, hellere Bild wird dadurch sichtbar und für den User entsteht der Eindruck, dass das Bild langsam heller wird. Damit der Effekt weich verläuft, habe ich ihm eine transition-time von 2 sek. gegeben.
Diese Transition-time ist aber problematisch: Während das obere Bild langsam ausgeblendet wird, ruckelt es um ca. 1px hin und her. Gibt man den Transition-Effekt weg, dann ist der Übergang perfekt und ohne ruckeln. Aber eben hart und nicht verlaufend.
Meine Frage ist jetzt, ob jemand ähnliche Erfahrungen bei längeren Transitions hat.
Danke vorab!
Raphael
JürgenB
Matthias Apsel