Русский 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

Animated text in CSS

Generator of animated text with custom user-defined text with the means of pure CSS

12
by Bennett Feely
by CSS Load.net
by CSS Load.net
by CSS Load.net
by CSS Load.net
by CSS Load.net
by Maroš Horniak
by Prayush S
by Nick Moreton
by Paul Sullivan
Go to page 2
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
© 2025 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