Skip to content

Instantly share code, notes, and snippets.

Embed
What would you like to do?
Pounding heart animation
/* Pounding heart animation */
@keyframes pound {
to { transform: scale(1.4); }
}
.heart {
display: inline-block;
font-size: 150px;
color: #e00;
animation: pound .25s infinite alternate;
transform-origin: center;
}
body { text-align: center; }
<div class="heart">&#x2665;</div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment