Skip to content

Instantly share code, notes, and snippets.

@GoharKhan
Created October 3, 2014 07:28
Show Gist options
  • Save GoharKhan/0d9edf359483786ea863 to your computer and use it in GitHub Desktop.
Save GoharKhan/0d9edf359483786ea863 to your computer and use it in GitHub Desktop.
Pounding heart animation
/* 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; }
<div class="heart">&#x2665;</div>
// alert('Hello world!');
{"view":"split","fontsize":"90","seethrough":"1","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment