Русский Blog
Loading GIF & APNG Loading animations
Icons search & generator Free icons
Animated GIF & APNG tools Animated images
AJAX loaders in pure CSS Loading animations (CSS)
CSS objects generator CSS objects generator
Free icons library Free icons library
Free icons library Graphic Design Tips

Miscellaneous loaders in CSS

Generatable CSS loading animations that do not fall in any other category

1234
by Mr. Alien
by Reinier Kaper
by Fabrizio Bianchi
by Luca Dimola
by wenbin zhou
by Mark Murray
by Sébastien Olivier
by Adam Doherty
by yoksel
by Mateusz Niziołek
Go to page 2Go to page 4
Text to animate
First color
Second color
Width
Height
Speed
Size
Get code
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
?
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
© 2024 OnlineGenerator.net
Rate page:
5.0/5 - 1 votes
Select all
Include prefixes:
?
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