Home big flat social media buttons design css3 social icon social media social sharing buttons Awesome Flat Big Social Media Button Design

Awesome Flat Big Social Media Button Design

, , , ,

Best High-Quality Flat Design Using CSS3

big flat social media buttons design

<div class="social google-pluse"><i class="icon-google-plus icon-4x"></i></div>
<div class="social facebook"><i class="icon-facebook-sign icon-4x"></i></div>
<div class="social twitter"><i class="icon-twitter icon-4x"></i></div>
<div class="social pinterest"><i class="icon-pinterest icon-4x"></i></div>
<div class="social linkedin"><i class="icon-linkedin icon-4x"></i></div>
<div class="social skype"><i class="icon-skype icon-4x"></i></div>
<div class="social youtube"><i class="icon-youtube-sign icon-4x"></i></div>
<div class="social tumblr"><i class="icon-tumblr-sign icon-4x"></i></div>
body{background:#fff;}
.social{text-align:center;width:65px;float:left;background:rgb(255,255,255);border:1px solid rgb(204,204,204);box-shadow:0 2px 4px rgba(0,0,0,0.15), inset 0 0 50px rgba(0,0,0,0.1);border-radius:5px;margin:0 10px 10px 0;padding:17px;}
.google-pluse:hover{background:#DD4B39;color:#FFF;}
.facebook:hover{background:#3b5998;color:#FFF;}
.twitter:hover{background:#00acee;color:#FFF;}
.pinterest:hover{background:#c8232c;color:#FFF;}
.linkedin:hover{background:#0e76a8;color:#FFF;}
.skype:hover{background:#00aff0;color:#FFF;}
.youtube:hover{background:#c4302b;color:#FFF;}
.tumblr:hover{background:#34526f;color:#FFF;}
Awesome Flat Big Social Media Button Design Awesome Flat Big Social Media Button Design Reviewed by Bhaumik Patel on 10:56 AM Rating: 5