Animation einer Eigenschaft von Start- zu Endwert

[ChrisB]

Hi,

ich habe einen div der auf button click erscheint. jetzt möchte ich aber das er nicht mit einem schlag erscheint sondern soll er sanft erscheinen bis zur ner opacity von 0.8.
hab mir da was kleines ausgedacht - was aber net funktioniert und ich versteh meinen denkfehler net.

Der Denkfehler ist, sowas heutzutage noch als JavaScript-Animation machen zu wollen.

Schau dir CSS Transitions an – die kannst du mit simplem JavaScript *triggern* (z.B. durch Ändern der Klasse eines Elements)¹, brauchst aber die eigentliche Animation von Start- zu Endwert der Opacity nicht selber implementieren.

¹ Hier könnte man jetzt auch wieder argumentieren, dass es zum triggern auch kein JavaScript bräuchte, sondern das mit :target auch zu machen wäre – aber diesbezüglich sieht es mit der Browser-Unterstützung noch nicht optimal aus (IE<9), während fehlende Transitions-Unterstützung kein Problem wäre, weil dann die opacity halt gleich von Start- auf Endwert geändert wird, ohne Animation.

MfG ChrisB