When you say "text carousel" most developers tend to think of "news tickers" by default. Morphext is not such a widget, not scrolling text sideways like a news headline, but animating it with various other effects, right in the place it stands.
What Morphext basically does is to hide the previous text and replace it with a new one. For this Animate.css is used, and support is also included for prefixes and suffixes, helping developers create cool-looking text blocks or paragraphs that constantly change specific words.
This can be a great tool for displaying catch phrases, mission statements, tag lines, and so on.
A demo is included with the basic Morphext package.
While Morphtext rotates small pieces of text, there's also the Morphist jQuery plugin from the same author that rotates a list's items in the same way.
What is new in this release:
- Moved Grunt test task to occur before minification
- Trimmed whitespace from phrases
- Enabled strict mode
- Modified / simplified the phrase index counter by using modulo operator
- Added demo for complete callback
- Changes to README.md
- Updated to use the latest Animate.css ~3.2.5 and jQuery ~2.1.3
- Updated and tested the dev dependencies
What is new in version 2.4.4:
- Moved Grunt test task to occur before minification
- Trimmed whitespace from phrases
- Enabled strict mode
- Modified / simplified the phrase index counter by using modulo operator
- Added demo for complete callback
- Changes to README.md
- Updated to use the latest Animate.css ~3.2.5 and jQuery ~2.1.3
- Updated and tested the dev dependencies
What is new in version 2.3.4:
- Moved Grunt test task to occur before minification
- Trimmed whitespace from phrases
- Enabled strict mode
- Modified / simplified the phrase index counter by using modulo operator
- Added demo for complete callback
- Changes to README.md
- Updated to use the latest Animate.css ~3.2.5 and jQuery ~2.1.3
- Updated and tested the dev dependencies
What is new in version 2.3.2:
- Supports the latest Animate.css (v3.2.0) and jQuery (v2.1.1)
- Removed will-change
- Replaced Grunt JSHint with ESLint
- Replaced text rotation via className with innerHTML
What is new in version 2.0.0:
- Complete refactoring to be less destructive on the DOM.
- Added Grunt with JSHint and Uglify.
Requirements:
- JavaScript enabled on client side
- CSS 3 enabled browser
- jQuery
Bình luận không