Skip to content

Instantly share code, notes, and snippets.

@seyhunak
Created October 5, 2011 09:16
Show Gist options
  • Star 1 You must be signed in to star a gist
  • Fork 1 You must be signed in to fork a gist
  • Save seyhunak/1264003 to your computer and use it in GitHub Desktop.
Save seyhunak/1264003 to your computer and use it in GitHub Desktop.
Github Badge
<style>
#github {left: -65px;
height: 30px;
top: 40px;
position: absolute;
text-decoration: none;
width: 250px;
-moz-transform: rotate(-45deg);
-webkit-transform: rotate(-45deg);
-o-transform: rotate(-45deg);
-ms-transform: rotate(-45deg);
transform: rotate(-45deg);
}
#github:hover span:last-child {opacity: 1;
}
#github span:last-child {background: #C322BD;
opacity: 0;
}
#github span {background: black;
font-size: 14px;
left: 0;
padding: 5px 0;
position: absolute;
text-align: center;
width: 250px;
-moz-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px;
-webkit-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px;
-o-box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px;
box-shadow: rgba(0, 0, 0, 0.2) 1px 1px 10px;
-moz-transition-property: opacity;
-webkit-transition-property: opacity;
-o-transition-property: opacity;
transition-property: opacity;
-moz-transition-duration: 1s;
-webkit-transition-duration: 1s;
-o-transition-duration: 1s;
transition-duration: 1s;
color: #FFF;
}
</style>
<a href="https://github.com/seyhunak" id="github"><span>Fork me on GitHub!</span><span>Get free lemonade!</span>
</a>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment