CSS3 Pulsating Dot
CSS Pulsating Dot by Kevin Urrutia. The markup is very simple. There is a div
for the main dot followed by another div
for the pulse. These are wrapped in a container for positioning. The pulse is animated using CSS3's animation
and @keyframes
properties in which transformations are used to alter the pulse's opacity and size. This demo will work only in Webkit browsers and Firefox.