CSS Load.net - Spinners in pure CSS and HTML

CSS spinners

Generator of circular AJAX loaders in pure CSS and HTML

(追記) (追記ここまで)

1 2 3 4 5 6 7 8 9

[フレーム]

by Michael Smith

[フレーム]

by Michael Smith

[フレーム]

by Michael Smith

[フレーム]

by Michael Smith

[フレーム]

by Marius

[フレーム]

by Michiel Bijl

[フレーム]

by Daniel Lin

[フレーム]

by Jeroen

[フレーム]

by Michael Hobizal

[フレーム]

by Jeroen

Go to page 2 Go to page 4

Text to animate

First color

Second color

Width

Height

Speed

Size

How to create css preloaders

- Select your css animation template
- Set 2 colors of your preloader
- Select desired preloader size (sizes are set by constrained proportions)
- Choose your animation speed
- Set "Yes" in Reverse animation for backwards animation

Loading animation...

(追記) (追記ここまで)

Copied... Copied... Copy HTML Copy CSS « Back to generator

All

-moz-

-webkit-

-o-

-ms-

The prefixes given are for the following browsers:

-moz- Firefox 5+

-webkit- Google Chrome, Safari 4+, Safari for IPhone, other browsers with webkit prefix

-o- Opera 12 - 12.10 (not including 12.10)

-ms- Internet Explorer 10 (initial versions)

No prefix Opera 12.10+, Internet Explorer 10+, Firefox 3.7+, Safari 4.1+, iOS3.3+, Android 2.4+, Google Chrome

Rate page: 5.0/5 - 1 votes

Include prefixes: -moz- -webkit- -o- -ms- No prefix

The prefixes given are for the following browsers:

-moz- Firefox 5+

-webkit- Google Chrome, Safari 4+, Safari for IPhone, other browsers with webkit prefix

-o- Opera 12 - 12.10 (not including 12.10)

-ms- Internet Explorer 10 (initial versions)

No prefix Opera 12.10+, Internet Explorer 10+, Firefox 3.7+, Safari 4.1+, iOS3.3+, Android 2.4+, Google Chrome

(追記) (追記ここまで)