How to implement such a content loading effect?

Question

css

Answer 1

Here is a description of a similar technique, I think you can use this idea for your case: https://medium.freecodecamp.org/using-svg-as-place...

Answer 2

This can be done with pixi.js
Here you can see an example of how to do something similar:
youtube

Answer 3

Search for "Morphing CSS"

Answer 4

Hi, I'm certainly not a professional in such animation sites, but at first glance I can tell what to do for each picture by ~ 5 frames (frames in PS) then use JS & Jquery to make animation for the pictures.
But with text, you can find it simply by looking for animations for text or the like.
here is the first site i found : TextillateJs