November 23, 2016 8:43 am

Facebook style timeline content loading placeholder with CSS

If you have noticed that when you open Facebook it show a content loading placeholder how that placeholder work and a working demo available below I have found that example on coepen and want to share that with you all if you need it you can use it in your applications.

Facebook style timeline content loading placeholder with CSS

Basically its a simple code snippet created using HTML and CSS.

Let’s Start:

First of all create this HTML

Above HTML create that content area and add motion with CSS

CSS used in this tutorial:

Above CSS create lines and add animation of loading exactly you see on facebook.

Facebook Content Placeholder

That’s it for now I hope you like this simple tutorial please share your problems in comments we love to help you because PHPGang Solve your Prooblems.

Author Huzoor Bux

I am Huzoor Bux from Karachi (Pakistan). I have been working as a PHP Developer from last 5+ years, and its my passion to learn new things and implement them as a practice. Basically I am a PHP developer but now days exploring more in HTML5, CSS and jQuery libraries.

Tutorial Categories:
  • Thanks for sharing such a useful information. I will bookmark this for future use. This blog will helpful to Developers as well as Digital marketing service.

  • Very useful tutorial. Thanks for sharing.

  • Habib ullah

    demo is not working. please update it