CSS / JavaScript Animation?
bearbeitet von
@@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](http://dabblet.com/gist/a1f68516180ac97962b4). Beim Rausfahren tritt dann aber eine Verzögerung auf.
**EDIT:** [Sollte man aber nicht.](https://forum.selfhtml.org/self/2016/jun/27/css-strich-javascript-animation/1670021#m1670021)
LLAP 🖖
--
_“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”_{: lang="en"} —Stefan Tilkov
_[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}
CSS / JavaScript Animation?
bearbeitet von
@@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 eine `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](http://dabblet.com/gist/a1f68516180ac97962b4). Beim Rausfahren tritt dann aber eine Verzögerung auf.
**EDIT:** [Sollte man aber nicht.](https://forum.selfhtml.org/self/2016/jun/27/css-strich-javascript-animation/1670021#m1670021)
LLAP 🖖
--
_“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”_{: lang="en"} —Stefan Tilkov
_[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}
CSS / JavaScript Animation?
bearbeitet von
@@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 eine `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](http://dabblet.com/gist/a1f68516180ac97962b4). Beim Rausfahren tritt dann aber eine Verzögerung auf.
LLAP 🖖
--
_“You might believe there are benefits for the developer, but first of all, you should put those behind the interest of the user.”_{: lang="en"} —Stefan Tilkov
_[Selfcode](http://community.de.selfhtml.org/fanprojekte/selfcode.htm): `sh:) fo:} ch:? rl:) br:> n4:& va:| de:> zu:} fl:{ ss:| ls:# js:|`_{: style="display: block; font-size: 0.875em; font-style: inherit; margin-top:1.5em"}