CSS Coding for Social Sharing
CSS Coding for Social Sharing @import 'https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.6.3/css/font-awesome.min.css'; body { background-color:#e5e7e7; } .SocialIcons { position:absolute; top:50%; left:50%; display: inline-block; -ms-transform:translate(-50%,-50%); -webkit-transform:translate(-50%,-50%); transform:translate(-50%,-50%); } /* Icons */ .SocialIcons a { color:#fff; display: inline-block; width:55px; height:34px; padding-top:20px; margin:0 2px; border-radius:5px; text-align:center; text-decoration:none; font-family:fontawesome; position: relative; -o-transition:all .5s; -webkit-transition: all .5s; -moz-transition: all .5s; transition: all .5s; -webkit-font-smoothing: antialiased; } .SocialIcons a:hover { opacity: 0.78; } /* pop-up text */ .Socia...
Comments
Post a Comment