Discover, trust, install: FAIR 1.0 is here
Z Text Upfunker
Version: 0.1.7
Description
To funk up some headings on a site we made, we created a CSS-animation plugin (using a bit of JavaScript (no jQuery, we’re keeping the funk pure)) with a bunch of funky effects.
Since we like them so much, we would like you to have it.
So here it is.
What does it do?
It lets you animate elements on your page by
* Selecting the elements using css selectors
* Selecting the desired animation style (or just randomly picked)
* Entering the maximum number of loops.
This plugin is under active development. Any feature requests are welcome at plugins@zodan.nl!
Installation
Install the Text Upfunker from within WordPress
- Visit the plugins page within your dashboard and select ‘Add New’;
- Search for ‘Z Text Upfunker’;
- Activate the plugin from your Plugins page;
- Go to ‘after activation’ below.
Install manually
- Unzip the Text Upfunker zip file
- Upload the unzipped folder to the /wp-content/plugins/ folder;
- Activate the plugin through the ‘Plugins’ menu in WordPress;
- Go to ‘after activation’ below.
After activation
- On the Plugins page in WordPress you will see a ‘settings’ link below the plugin name;
- On the Text Upfunker settings page:
** Add a new item by clicking the “Add item” button
** Select the element(s) of choice using css selectors
** Select the animation type (or let the plugin decide) - Save your settings and you’re done!
Screenshots
Scrambled code
Fade in
Flip in
Sink in
Pop up
Flicker
Circle in
Faq
Yes, you can (apart from creating multiple items).
By entering multiple selectors, separated by a comma, you can have the animation applied to all those elements.
For example, enter h1, h2, .someClassName to apply the animation to all h1 and h2 elements and to all elements with the class “someClassName”.
Currently you can have the words and characters appear from scrambled code.
Or you can have them: Fade in, Flip in, Sink in, Pop up, Flicker or Circle in.
We currently have on our roadmap:
* Add a meta box to the edit screen, so settings can be set per post/page/whatever
* Using data-* configuration for more details.
* Adding custom events (like onStart or onLoopComplete)
* Adding a custom capability to manage which users can change settings
* Adding more animation variations
If you have a feature suggestion, send us an email at plugins@zodan.nl.
Reviews
Changelog
0.1.7
- Added the animated examples of the current animation types to the readme.text
0.1.6
- The UpFunker now start when an element enters the viewport while scrolling (observer based)
- Added custom events “zUpFunkerAnimationStarted” and “zUpFunkerAnimationEnded”, so developers can add additional actions
- Fixed a bug when “prefers-reduced-motion” is true
0.1.5
- Removed empty strings from word array (getWordsFromElement method)
0.1.4
- Renamed assets to satisfy WordPress standards
0.1.3
- Small code changes, adding admin functionality to the main class
- Cleaned up the admin interface, including examples of the animation styles
0.1.2
- Small security enhancements
0.1.1
- Loading assets async
0.1.0
- Very first dev version of this plugin