CSS3 Only Heart

Tamer Aydın

• 35080
• 39
• 1

This heart beating effect is made by using CSS3 animation and keyframes properties. Supported in Firefox and WebKit browsers.  The heart is created using 3 divs (one for the middle part, two for the upper right and left parts). It is styled using linears gradients in such a way that the edges of those divs seems to be seamless and appear as a single shape.

Related:

• CSS Only Solar System Model
• Minions in pure CSS
• Multiple Box Shadows
• Clicking Game
• CSS3 Room