Skip to content

Instantly share code, notes, and snippets.

@SmokeyTheSalmon

SmokeyTheSalmon/funky_facebook_button.html

Last active August 29, 2015 14:03
Show Gist options
  • Save SmokeyTheSalmon/3823a0193224e906831c to your computer and use it in GitHub Desktop.
Save SmokeyTheSalmon/3823a0193224e906831c to your computer and use it in GitHub Desktop.
Download ZIP
Dat Butt...on.
Raw
funky_facebook_button.html
<html>
<head>
<style type="text/css">
body{
text-align: center;
}
#facebook {
display:block;
margin: 50px auto 50px auto;
width: 100px;
height: 100px;
line-height:50px;
border-radius: 50%;
border-style: ridge;
border-color: #2C4270;
border-width: 3px;
color: #f5f8fa;
text-align:center;
text-decoration:none;
font-family: "Lucida Grande", sans-serif;
background: #3b5998;
box-shadow: 0 0 3px gray;
font-size:90px;
font-weight:bold;
outline: none;
}
#facebook:hover {
box-shadow: 0 0 50px #3b5998;
}
#facebook:active {
box-shadow: 0 0 100px #4672CF;
border-style: groove;
}
</style>
</head>
<body>
<button id="facebook">f</button>
</body>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment