@starting-style

@staring-style is used to define the initial state of animation before anything happens. This is espacially useful with new elements like "details" which use the shadow DOM.

Starting style is used to animate the content in the collapsibles.

Animierte Höhe

interpolate-size

This css feature is used to animate the height, without knowing the exact height at the end of the animation.

Here i use it to animate the transition from an open and to a closed the.