Heart beat - test 1

dabblet.css

/**
 * Heart beat - test 1
 */
body 		{background: #222;}
@-webkit-keyframes girando {
	0% 	{-webkit-transform: scale(0.8);}
	50% 	{-webkit-transform: scale(1.2);}
	100% 	{-webkit-transform: scale(0.8);}
}
img {
	position: absolute;
	top: 20%;
	left: 46%;
	border-radius: 36px;
	-webkit-animation-name: girando;	
	-webkit-animation-timing-function: ease-in-out;
	-webkit-animation-iteration-count: infinite;
	-webkit-animation-duration: 2s;
	-webkit-box-reflect:below 5px -webkit-gradient(linear, left top, left bottom, from(transparent), color-stop(0.5, transparent), to(white));
}

dabblet.html

<div class="avatar">
	<img alt="" src="http://0.gravatar.com/avatar/87ca2057d24e0462c852e61f7cfb5069?s=64&amp;d=http%3A%2F%2F0.gravatar.com%2Favatar%2Fad516503a11cd5ca435acc9bb6523536%3Fs%3D64&amp;r=G" class="avatar avatar-64 photo" height="64" width="64">
</div>

settings.json

{"view":"split","prefixfree":"1","page":"css"}