Simple CSS3 Heart Pulsing Animations
Cute CSS3 heart pulsing animations created using CSS3
animation properties. Two types of pulses are shown here and both have defferernt
keyframes that render different animations. In pulse 1 animation, the
color of the heart is changed form 0% to 100% while in pulse 2 animation,
transform properties are used to
scale the heart and render the beat animation.
As it uses
keyframes, it will not work in Internet Explorer 9 and below. Please use any other browser if you can't see it in IE.
You can play with the code as much as you like by changing the
animation timing, attributes etc!