Ajax Loader
×

Simple CSS3 Loaders

A collection of very simple CSS3 loaders created using basic CSS3 properties and animated using the animation and keyframes properties. The difference in the animation of the loaders is because of the different timing functions used in them. You can use other functions like ease-in, ease-in-out etc if you want a different animation effect. The colors of the bar and loader can be changed by modifying the properties of div.bar and div.loader respectively.

This loader will animate only in Webkit browsers and Firefox as Internet Explorer and Opera doesn't support animation and keyframes properties yet.

Related:

×

Coding Preferences


HTML

CSS

Javascript

More

×

Your Default Settings - Preferences

×
×
×

Validations

(Errors from your JS or Pre-Processors code)

    HTML
    CSS
    JavaScript

    Simple CSS3 Loaders

    CSSDeck G+