Gunnar Bittersmann: CSS / JavaScript Animation?

Beitrag lesen

@@mark

Dein Beispiel hat einen Haken: Es wird nicht die Höhe animiert, sondern die Position eines Containers um seine eigene Höhe verschoben. (transform: translate).

Kein Haken. Es geht um den visuellen Effekt.

Die Anforderung kann nur sein: „Setze diesen Effekt um. Verwende eine passende CSS-Transition.“

Die Anforderung „Setze diesen Effekt um. Verwende transition: height …“ wäre unsinnig.

Die Aussage, dass man die Höhe eines Containers nicht mit CSS animieren kann, wenn diese Unbekannt ist stimmt also weiterhin.

Wenn man die unbekannte Höhe nach oben abschätzen kann, kann man max-height animieren. Beim Rausfahren tritt dann aber eine Verzögerung auf.

EDIT: Kann man. Sollte man aber nicht.

LLAP 🖖

--
“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.” —Stefan Tilkov
Selfcode: sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|