spark a animation

dabblet.css

/* spark a animation */
 
@keyframes pound1 {
	0% {
			transform: rotateX(90deg) scale(0);
	}
	100% {
			transform: rotateX(0deg) scaleX(1)  scaleY(1) scaleZ(1);
	}
}
.heart {
	display: inline-block;
	font-size: 100px;
	color: #f00;
	animation: pound1 2s alternate infinite;
	perspective-origin:1000% 50%;
	transform-origin: center;
	transform: scaleX(0) scaleY(0) scaleZ(0) rotateX(0deg);
	text-shadow: 0px 55px 50px #FFEBEC;
}
.heart img {
	height: 100px
}
 
body {
	text-align: center; 
	background: #000000;
}

dabblet.html

<div class="heart"><img src="http://f.cl.ly/items/1D0z3M1m1k0x3B473i0N/Spark%20Party%20Logo-01.png"></div>

dabblet.js

// alert('Hello world!');

settings.json

{"view":"split","fontsize":"70","seethrough":"","prefixfree":"1","page":"css"}