Simple jQuery Text Rotator with CSS3 Animations

File Size: 11.2 KB
Views Total: 2892
Last Update:
Publish Date:
Official Website: Go to website
License: MIT
Simple jQuery Text Rotator with CSS3 Animations

Text-Rotator is a JQuery plugin used to rotate comma separated words/phrases with a variety of cool CSS3 animations based on animate.css.

See also:

How to use it:

1. Load jQuery library and the JQuery text-rotator plugin (Animate.css is integrated) at the bottom of the document.

<script src="//"></script>
<script src="text-rotator.js"></script>

2. Wrap the comma separated words/phrases into an inline element.

We are <span class="rotate=demo">Web Developers, Front-end Developers, Web/Mobile Designers</span>.

3. Call the plugin on the inline element to active the text rotator.


4. Full plugin options to control the text rotator.


// animation types
animation: "fadeIn",

// custom sprator
seprator: ",",

// animation speed in ms
speed: "2000"


This awesome jQuery plugin is developed by karan1276. For more Advanced Usages, please check the demo page or visit the official website.