Ajax Loader
×

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.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    CSS3 Pulsating Dot

    CSSDeck G+