jQuery Animated Headlines
Animated headlines, with interchangeable words that replace one another through CSS transitions.
Installation
npm
npm install jquery-animated-headlines
npm
Coming soon.
Default Usage
Include the css in your head.
Use the following markup.
My favorite food is pizza sushi steak
Finally, initialize the plugin.
Advanced Usage
The plugin provides multiple options to customize the animation type and delay.
Options
It is recommended to use the default delay options. Because of this, I won't list them below. See src/js/jquery.animatedheadline.js
for a complete list of options.
Name | Type | Default | Description |
---|---|---|---|
animation-type | string | 'rotate-1' | Type of animation used. Options: 'rotate-1', 'rotate-2', 'rotate-3', 'type', 'loading-bar', 'slide', 'clip', 'zoom', 'scale', and 'push' |
License
jQuery Animated Headlines is open-sourced software licensed under the MIT license.