Skip to content

Instantly share code, notes, and snippets.

@luqmaan
Created December 12, 2012 17:06
Show Gist options
  • Save luqmaan/4269613 to your computer and use it in GitHub Desktop.
Save luqmaan/4269613 to your computer and use it in GitHub Desktop.
spark a animation
/* spark a animation */
@keyframes pound1 {
0% {
transform: rotateX(90deg) scale(0);
}
100% {
transform: rotateX(0deg) scaleX(1) scaleY(1) scaleZ(1);
}
}
.heart {
display: inline-block;
font-size: 100px;
color: #f00;
animation: pound1 2s alternate infinite;
perspective-origin:1000% 50%;
transform-origin: center;
transform: scaleX(0) scaleY(0) scaleZ(0) rotateX(0deg);
text-shadow: 0px 55px 50px #FFEBEC;
}
.heart img {
height: 100px
}
body {
text-align: center;
background: #000000;
}
<div class="heart"><img src="http://f.cl.ly/items/1D0z3M1m1k0x3B473i0N/Spark%20Party%20Logo-01.png"></div>
// alert('Hello world!');
{"view":"split","fontsize":"70","seethrough":"","prefixfree":"1","page":"css"}
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment