How can I make like these samples about loading pages in LinkedIn or Facebook ...etc

How can I make like these samples about loading pages in LinkedIn or Facebook ...etc
0

#1

Hello friends :slight_smile:

I have a question please about loading pages like we see it in LinkedIn or Facebook …etc

Like this sample


f422033174c411db8d5baf0240b994dddcb5babc
How can I do it ?


#2

Broad question, but you can either use JS to manipulate DOM elements, but the more easier way imo, is to use css keyframe animations

For example, for the second instance you are showing (‘Rn Placeholder’), it will be a combination of the css transform property of rotate and scale set for 1 animation iteration count, or for the others you can vary the opacity property, etc… but like I said this is a broad question, you need to try something specific and post (similarly specific) questions when you are stuck