JavaScript >> Javascript-Tutorial >  >> Tags >> CSS

Facebook-Ladeanimation mit CSS3

Link posten:https://www.skptricks.com/2017/12/facebook-loading-animation-using-css3.html

Heute werden wir die Ladeanimation von Facebook mit CSS3 besprechen. Wenn Sie beobachtet haben, dass beim Öffnen von Facebook in der Webanwendung ein Platzhalter zum Laden von Inhalten wie in den folgenden Screenshots angezeigt wird.
So funktioniert der Platzhalter für Facebook-Inhalte
Um den Ladeeffekt in webseitenbasierten Anwendungen anzuzeigen, benötigen Sie einige Ideen zu CSS3. Hier verwenden wir CSS3-Keyframes, um Wunscheffekte zu erzeugen.
Inhaltsplatzhalter-Animation wie Facebook mit Shimmer
Beginnen wir mit der Ladeanimation.
Animation 1:
Hier verwenden wir die Datei animation1.css, um den Ladeeffekt auf der Webseite anzuzeigen.

Facebook-Ladeanimation mit CSS3