Buttons With Awesome Hover Effects With HTML And CSS Posted by Yahya Benlachheb on September 15, 2017 Get link Facebook Twitter Pinterest Email Other Apps HTML CODE CSS CODE @import "http://code.ionicframework.com/ionicons/2.0.1/css/ionicons.min.css"; body{ margin: 0; padding: 0; background: #2d2d2d; } .btns{ overflow: hidden; position: absolute; top: 50%; left: 50%; transform: translate(-50%,-50%); } .btns a { text-decoration: none; color: white; width: 60px; height: 60px; display: flex; margin: 0 10px; border-radius: 50%; float: left; font-size: 32px; align-items: center; justify-content: center; } .btns a:hiver{ box-shadow: 0px 0px 30px #cddc39; color: #cddc39; } Comments
Comments
Post a Comment