Angular Animations: Animating to an unknown height

Have you ever tried to animate an element to an unknown height with CSS alone? If so, you’ve probably found that it’s not as easy as it seems. To animate a CSS height, you need to animate to a specific value, one hundred percent and auto both won’t work. You can transition max-height but this means that you probably need to use a random, arbitrary value that may not work in all cases. It’s just weird and may not even work depending on what you’re trying to do. Well, this is something that is available with Angular animations. In this video, I’ll show you how. Alright, let’s get to it.

------------------------------------------------------------------------------

------------------------------------------------------------------------------

------------------------------------------------------------------------------

🔗 Demo Links:

------------------------------------------------------------------------------

📖 Chapters:
0:00 – Introduction
1:29 – The demo application
2:15 – Creating the pane toggle fade in/out animation
6:34 – Animating to an unknown height
8:37 – Using animation params to add a starting height for the animation
11:03 – Conclusion

------------------------------------------------------------------------------

#angular #angulartutorial #animation

[damirangadget]

where do i get list of special aliases? from your vids i saw there are :enter, :leave, saw in documentation :increment/:decrement, but u added one new for me ":self"
there are any others?

[aram]

So grateful for this series ❤I'm pondering though where you'd draw the decision line between employing Angular animations vs View Transitions API? (let's skip the browser support for now)

[zizogamers]

Hey there I am getting the following error "NG05105" please help