svbtle kudos

dabblet.css

/**
 * 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;
}

dabblet.html

<div class="kudos">
<div></div>
</div>

settings.json

{"view":"split-vertical","fontsize":"80","seethrough":"","prefixfree":"1","page":"css"}