Pounding heart animation

dabblet.css

/* Pounding heart animation */

@keyframes pound {
	0% { transform: scale(1); }
	25% { transform: scale(1.4); }
	50% { transform: scale(1); }
	75% { transform: scale(1.4); }
	100% { transform: scale(1); }
}

.heart {
	display: inline-block;
	font-size: 150px;
	color: #e00;
	animation: pound 2s alternate;
	transform-origin: center;
}

body { text-align: center; }

dabblet.html

<div class="heart">&#x2665;</div>

dabblet.js

// alert('Hello world!');

settings.json

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