This can be a WordPress Plugin. The standalone jQuery model is right here:
Enliven ‘em! – Animation Engine for Vector Graphic
Need one thing prepared to make use of with “Enliven ‘em”? Examine these:
Premium Add-on: 50 Web Promotional Icons
Free Add-on: 47 Flat Icons
Free Add-on: 10 Retro Text Dividers
Free Add-on: Flat Icons – Set 2 (NEW)
Overview:
Enliven ‘em WP Plugin is a port of jQuery plugin to WordPress which helps you to animate any vector graphic offered as SVG recordsdata in many alternative methods when your vector illustrations turn into seen in a person’s browser viewport (good for “non-hover” units like Apple’s ones). Additionally you possibly can enable an animation to be repeated when person click on or faucet your graphic.
All animation knowledge are saved in SVG code itself which helps you to port it to any area. The Animation Editor, which is included within the obtain package deal, can assist you so as to add these knowledge in a WISIWYG mode.
The combination is simple: simply set up this plugin as every other one.
Please get aware of full options’ listing and discover the live demo.
Essential options:
- Model New
- Greater than 80 build-in animation results
- Separate Animation Editor App
- Appropriate for Contact Units
- Each In and Out Animations
- Straightforward Responsive SVG
- Straightforward Integration
- Absolutely Cross Browser
- Looped Animations
- Free Updates & Help
Unique Options:
- Morph animation impact which lets to rework path shapes from one type into one other!
- Customized animation choice when you management a metamorphosis and an opacity. Right here is the utterly when the one restrict is your creativeness!
- Alongside a path animation impact which lets any SVG form strikes alongside a path one with or with out rotation! (from ver. 1.6)
Video Tutorial – The right way to Put together SVG:
Necessary Notes:
- This merchandise requires to organize your SVG earlier than utilizing on a reside website. Please watch the video tutorial above earlier than making a call.
- This merchandise include two components: the Enliven ‘em WP plugin itself and the Animation Editor the place you possibly can put together your ensuing recordsdata. You could NOT make public (add) the Animation Editor, chances are you’ll add the Enliven ‘em WP plugin solely.
- Vector photographs that are used on EnlivenEm.com are not included within the obtain package deal.
- This merchandise is not WPMU/Multisite appropriate.
- The work inside any third get together slider plugins is not guarantied.
Necessities:
- WordPress 4.9 and up
- Studying the documentation
License:
- It is advisable to buy a daily or an prolonged license of Enliven ‘em WordPress Plugin to your each area.
Change log:
2019, June, 25 - v1.9 -- mounted direct plugin updates for an activated copy of the plugin -- made some code adjustments in response to "WordPress Plugin Necessities" by Envato
2019, March, 20 - v1.8 -- mounted direct plugin updates for an activated copy of the plugin -- modified the minimal model of WordPress. Now it's 4.9
2019, March, 07 - v1.7 -- made some code adjustments in response to new "WordPress Plugin Necessities" by Envato -- added some prepared to make use of SVG recordsdata as examples -- added an in depth data within the documentation of the best way to use the plugin with third get together ones, together with Gutenberg editor, WP bakery web page builder, Elementor, Revolution slider (with some restrictions!), and so forth.
2018, July, 04 - v1.6 -- added the brand new animation impact "Alongside a Path" -- mounted a SVG width and peak situation inside jQuery model 1.12.X -- recoded JavaScript half in conformity with fashionable requirements -- up to date "verge" script with the newest model -- redesign of the plugin setting web page -- added import, export and delete on uninstall choices -- added direct plugin updates for an activated copy of the product -- added the Internationalization chance -- modified the minimal model of WordPress. Now it's 4.7.3
2017, April, 05 - v1.5 -- mounted a perform for proper work when there are float numbers in "width", "peak" and "viewBox" attributes -- added a method to forestall of "flickering" of a SVG throughout web page's loading -- added a repair for the proper calculation of "viewport shift" when a SVG is greater than a window -- added an choice to disable SVG thumbnails in Media Library whereas "grid view" to forestall conflicts with some third get together plugins in very uncommon instances
2014, December, 1 - v1.4 - preliminary launch -- variations 1.0 - 1.3 are skipped to synchronize with jQuery model of the Enliven 'em script
