Pounding heart animation

dabblet.css

/* Pounding heart animation */

@keyframes pound {
	0% { opacity: 0;}
	20% { opacity: 0.2 }
	85% { opacity: 0;}
	100% { transform: scale(2); opacity: 0 }
}

.heart {
	display: inline-block;
	font-size: 150px;
	color: #e00;
	animation: pound 2.5s infinite cubic-bezier(0.645, 0.045, 0.355, 1.000);
	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":"all"}