Skip to content

Instantly share code, notes, and snippets.

@ckurdziel
Created February 21, 2013 15:35
Show Gist options
  • Save ckurdziel/5005519 to your computer and use it in GitHub Desktop.
Save ckurdziel/5005519 to your computer and use it in GitHub Desktop.
Pounding heart animation
/* Pounding heart animation */
@keyframes pound {
from { transform: scale (.92); }
22% { transform: scale(1.07); }
32% { transform: scale(1);}
42% { transform: scale(1.07); }
to { transform: scale(1); }
}
.heart {
display: inline-block;
font-size: 70px;
color: #e00;
animation: pound 1.5s infinite;
animation-timing-function: ease-in-out;
transform-origin: center;
}
body { text-align: center; }
<div class="heart">&#x2665;</div>
// alert('Hello world!');
{"view":"split","fontsize":"100","seethrough":"","prefixfree":"1","page":"all"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment