DEV Community

Discussion on: Build a Pixel Perfect Skeleton Loader Using CSS 🚀

sirmed profile image

But how de we make the "shine" dissapear when the content is loaded?

rammcodes profile image
Ram Maheshwari 💚 Author • Edited on

The idea here is to keep the Skeleton loader as its own separate component and card ( where we will show the data ) as its own component. So, you don't need to use the skeleton card to show the loaded data, we will show that in the card component and we will only use the skeleton loader element/component when we request the data to the server and until the request returns the data, once the data is returned back from the server, then we will use the original card to display the data. Hope this helps.