Skip to content

Instantly share code, notes, and snippets.

@havenchyk
Last active August 29, 2015 14:20
Show Gist options
  • Save havenchyk/ec5a00f2514307ac9453 to your computer and use it in GitHub Desktop.
Save havenchyk/ec5a00f2514307ac9453 to your computer and use it in GitHub Desktop.
Pounding heart animation
/* 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; }
<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