Cool Social Media Buttons With HTML and CSS Posted by Yahya Benlachheb on September 04, 2017 Get link Facebook Twitter Pinterest Email Other Apps HTML CODE <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" href="style.css"> <script src="https://use.fontawesome.com/d1341f9b7a.js"></script> <title>SOCIAL MEDIA BUTTONS</title> </head> <body> <div class="s-m"> <a class="fa fa-facebook" href="#"></a> <a class="fa fa-twitter" href="#"></a> <a class="fa fa-google-plus" href="#"></a> <a class="fa fa-youtube" href="#"></a> <a class="fa fa-linkedin" href="#"></a> </div> </body> </html> CSS CODE body{ margin: 0; padding: 0; background: #f1f1f1; } .s-m{ margin: 310px auto; justify-content: space-around; display: flex; max-width: 700px; } .s-m a{ text-decoration: none; font-size: 28px; color: #f1f1f1; width: 60px; height: 60px; text-align: center; transition: 0.4s all; line-height: 58px; cursor: pointer; background: #314652; border-radius: 50%; } .s-m a:hover{ transform: scale(1.2); } Comments md al mahamudNovember 6, 2019 at 5:30 PMyuyReplyDeleteRepliesReplyAnonymousMay 31, 2020 at 2:30 PMGreat Design as alwaysReplyDeleteRepliesReplyEasyTutsMay 31, 2020 at 2:30 PMThis Glowing Effect is also cool Glowing Social Media Icons Widget using only HTML & CSSReplyDeleteRepliesReplyAdd commentLoad more... Post a Comment
yuy
ReplyDeleteGreat Design as always
ReplyDeleteThis Glowing Effect is also cool Glowing Social Media Icons Widget using only HTML & CSS
ReplyDelete