Opis
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!
Slike ekrana
Scrambled code 
Fade in 
Flip in 
Sink in 
Pop up 
Flicker 
Circle in
Instalacija
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!
ČPP
-
Can I apply the funky animation to multiple (different) elements?
-
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, .someClassNameto apply the animation to all h1 and h2 elements and to all elements with the class “someClassName”. -
Which animation types are available?
-
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. -
Do you have plans to improve the plugin?
-
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 variationsIf you have a feature suggestion, send us an email at plugins@zodan.nl.
Recenzije
Saradnici i programeri
“Zodan Text Upfunker” is open source software. The following people have contributed to this plugin.
Doprinositelji
“Zodan Text Upfunker” je prijeveden na 1 dijalekt. Zahvala prevodiocima za njihov doprinos.
Prevedi “Zodan Text Upfunker” na vaš jezik.
Zainteresirani za razvoj?
Pregledajte kôd, pogledajte SVN spremišteili se pretplatite na dnevnik razvoja od RSS.
Zapis promijena
1.1.1
- Fixed code animation error
1.1.0
- You can now configure the duration between characters and the words of the animation, and the time between each cycle.
1.0.9
- Name changes
1.0.8
- Better handling of sub-elements in the target element
- Changed css elem inheritance
1.0.7
- Added the animated examples of the current animation types to the readme.text
- version numbering typo :0
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
