Skip to content

Instantly share code, notes, and snippets.

@masukomi
Forked from weslly/dabblet.css
Created May 2, 2012 04:31
Show Gist options
  • Save masukomi/2573657 to your computer and use it in GitHub Desktop.
Save masukomi/2573657 to your computer and use it in GitHub Desktop.
svbtle kudos
/**
* svbtle kudos
*/
.kudos {
margin: 300px;
width: 40px;
height: 40px;
border: 4px solid black;
border-radius: 50%;
position: relative;
}
.kudos > div{
background-color: black;
width: 10px;
height: 10px;
position: absolute;
border-radius: 50%;
top: 50%;
left: 50%;
margin-left: -5px;
margin-top: -5px;
transition: all 1s ease-in-out;
}
.kudos:hover > div{
width: 42px;
height: 42px;
margin-left: -21px;
margin-top: -21px;
}
<div class="kudos">
<div></div>
</div>
{"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment