Friday, October 3, 2014

Display Socialmedia icons using Font awesome and CSS3





Live DemoDownload Script




Need font awesome library CSS file.Include the following CSS file.
 <link rel="stylesheet" type="text/css" href="css/font-awesome.css">


icon-facebook class is used to display facebook button.
before selector is used to insert icons before all icon-facebook's class.

Class for Facebook icon

      .icon-facebook:before {
            content: "\f09a";
        }
        .icon-facebook-sign:before {
          content: "\f082";
        }

To display images using HTML use the following code

HTML

<a href="#" class="icon-button facebook"><i class="icon-facebook"></i><span></span></a>

Please share your comments and feedback.Thanks.Please subscribe my updates via email.

No comments:

Post a Comment