Simple animated headlines!
npm install jquery-animated-headlinesAnimated headlines, with interchangeable words that replace one another through CSS transitions.
``bash`
npm install jquery-animated-headlines
Include the css in your head.
`html`
Use the following markup.
`html`
My favorite food is
pizza
sushi
steak
Finally, initialize the plugin.
`html`
The plugin provides multiple options to customize the animation type and delay.
`html`
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' |
jQuery Animated Headlines is open-sourced software licensed under the MIT license.