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 animation
and 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!