Make Angular Loading Animations EPIC ☠️

Learn to get the most out of your Angular loading states by using a simple CSS trick to make the transition between your loading skeletons and real content as smooth as possible

⚡️ Just getting started?

#############################

👨‍💻 Want to read instead of watch?

#############################

❤️ You can also find me on:

Or join the Simonics Facebook group:

#############################

[biomatrix]

Seeing your thumbnail, I thought it was about an AI-generated skeleton picture being animated. LoL. 💀

[DmitryEfimenko]

FYI, there's a better way to handle overlapping child elements than the approach with position absolute.
Just apply this to the parent element:
```scss
.overlap-children {
display: grid;
grid-template-columns: 1fr;

& > div {
grid-row-start: 1;
grid-column-start: 1;
}
}
```
This way you don't have to specify the height on the parent element. It will automatically adjust to the height of the tallest child element

[pauldavies]

Could there be an issue if more or less or no content were loaded. Love the effect though

[martink]

Don't give the wrapper hate. It doesn't deserve it.

[S-Lomar]

Thanks for sharing ❤️💕👍👍❤️💕👍👍❤️💕👍👍❤️💕👍

[Matheus_]

I have a problem...I don't know which technology I should start programming...because there are many, can you help me to choose one for me to start programming...I'm very indecisive...help me...

[DavidSchmidt]

But Simon how can I do this with React?