Pounding heart animation

dabblet.css

/* Pounding heart animation */

@keyframes pound {
	from, to { transform: none; }
	50% { transform: scale(1.4); }
}

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

body { text-align: center; }

dabblet.html

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

dabblet.js

// alert('Hello world!');

settings.json

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