CSS Load.net - 3D AJAX loaders in pure CSS and HTML

3-dimensional pre-loaders

Generatable CSS loaders that move in 3 dimensions

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

1 2

[フレーム]

by Morningtrain

[フレーム]

by Michael Hobizal

[フレーム]

by Michael Hobizal

[フレーム]

by Michael Hobizal

[フレーム]

by Dicson

[フレーム]

by Bennett Feely

[フレーム]

by Bennett Feely

[フレーム]

by Roland Lösslein

[フレーム]

by Jenn Schlick

[フレーム]

by Brandon Mathis

Go to page 2

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

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