Fancy responsive social buttons with twitter bootstrap 3.0 and CSS3 animation

We are going to learn simple bootstrap social buttons with css3 scale animation. For this tutorial has the following resources

  • Twitter Bootstrap 3.0
  • Font awesome 4.0.3

It has less loading time because no images/sprite images are used. Also i have used CSS3 scaling animation for all social buttons.

CSS3 Properties:


Social icon with text:

Social icon only:

Also we didn’t any override with core bootstrap css and used core css styles


I have referred from bootstrap social and make some changes for CSS3 animation and vertical list of social icons

That’s it. Please don’t forget to share and subscribe to latest updates of the blog.

Demo and Download