Popular posts from this blog
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...
Coding for Download Button
Download Button <html> <head> <style> .button { width: 200px; margin: 150px auto; } .button a { display: block; height: 50px; width: 200px; color: white; font: 17px/50px sans-serif,Helvetica; text-decoration: none; text-align: center; text-transform: uppercase; background: #4285f4; } .button p { background: #151719; display: block; height: 40px; width: 180px; margin: -50px 0 0 10px; text-align: center; font: 14px/45px sans-serif,Helvetica; color: #eee; position: absolute; z-index: -1; -webkit-transition: margin 0.7s cubic-bezier(0.6, -0.28, 0.74, 0.05); -moz-transition: margin 0.7s cubic-bezier(0.6, -0.28, 0.74, 0.05)...
Comments
Post a Comment