Press "Enter" to skip to content

Simple Text Rotator jQuery Plugin 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.

simple text rotator, jquery word rotator, javascript text rotator, text rotator css, jquery rotate text animation, rotating text animation

3D Image Rotator Slider Using CSS3 & jQuery | rotateSlider

How to make use of it:

1. Load the jQuery library and the JQuery text-rotator plugin.

<script src="//code.jquery.com/jquery-2.1.3.min.js"></script>
<script src="text-rotator.js"></script>

2. Wrap words/phrases separated by commas in 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 activate a rotating text.

$('.rotate-demo').textRotator();

4. Full plugin options for rotating text control.

$('.rotate-demo').textRotator({

// animation types
// http://daneden.github.io/animate.css/
animation: "fadeIn",

// custom sprator
seprator: ",",

// animation speed in ms
speed: "2000"

});

Simple jQuery Text Rotator with CSS3 Animations, text-rotator Plugin/Github


See Demo And Download

Official Website(karan1276): Click Here

This superior jQuery/javascript plugin is developed by karan1276. For extra advanced usage, please go to the official website.

Be First to Comment

    Leave a Reply

    Your email address will not be published.