{"id":115353,"date":"2019-12-25T20:54:07","date_gmt":"2019-12-25T20:54:07","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/animations-by-imoptimal\/"},"modified":"2020-10-31T00:34:32","modified_gmt":"2020-10-31T00:34:32","slug":"animations-by-imoptimal","status":"publish","type":"plugin","link":"https:\/\/tah.wordpress.org\/plugins\/animations-by-imoptimal\/","author":17198661,"comment_status":"closed","ping_status":"closed","template":"","meta":{"_crdt_document":"","version":"1.7.8","stable_tag":"trunk","tested":"5.5.18","requires":"4.9.8","requires_php":"5.6","requires_plugins":"","header_name":"Animations by Imoptimal","header_author":"imoptimal","header_description":"With this plugin you can easily make anything on Your website animate when it enters the screens viewport (using CSS selectors). It includes all of the animations from the popular animate.css library (over 70), and provides preview on animation selection in the settings page. You also have an option to set the animation duration, number of repetitions, animation delay, as well as the option to trigger animation repeatedly every time the selected items enter screens viewport. Even though this plugin includes comprehensive animate.css library, the possibility of selecting an option to load minified\/compressed styles and scripts, make it a true lightweight solution.","assets_banners_color":"44474a","last_updated":"2020-10-31 00:34:32","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"https:\/\/github.com\/Imoptimal\/animations-by-imoptimal","header_author_uri":"https:\/\/www.imoptimal.com\/","rating":5,"author_block_rating":0,"active_installs":70,"downloads":2753,"num_ratings":1,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":[],"upgrade_notice":[],"ratings":{"1":0,"2":0,"3":0,"4":0,"5":"1"},"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":2410156,"resolution":"256x256","location":"assets","locale":""}},"assets_banners":{"banner-772x250.png":{"filename":"banner-772x250.png","revision":2410788,"resolution":"772x250","location":"assets","locale":""}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":[],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":2217903,"resolution":"1","location":"assets","locale":""},"screenshot-2.png":{"filename":"screenshot-2.png","revision":2410156,"resolution":"2","location":"assets","locale":""},"screenshot-3.png":{"filename":"screenshot-3.png","revision":2410156,"resolution":"3","location":"assets","locale":""},"screenshot-4.png":{"filename":"screenshot-4.png","revision":2217903,"resolution":"4","location":"assets","locale":""},"screenshot-5.png":{"filename":"screenshot-5.png","revision":2228178,"resolution":"5","location":"assets","locale":""}},"screenshots":{"1":"This is where you'll find the settings page in your admin dashboard","2":"Meta options section in the settings page","3":"Collapsible instructions section in the settings page","4":"Animation options section in settings page","5":"Collapsible Animation group options section in the settings page"},"jetpack_post_was_ever_published":false},"plugin_section":[],"plugin_tags":[6038,7346,785,6756,7348],"plugin_category":[50],"plugin_contributors":[180110],"plugin_business_model":[],"class_list":["post-115353","plugin","type-plugin","status-publish","hentry","plugin_tags-animate","plugin_tags-animate-css","plugin_tags-animation","plugin_tags-css-animation","plugin_tags-on-scroll-animation","plugin_category-media","plugin_contributors-imoptimal","plugin_committers-imoptimal"],"banners":{"banner":"https:\/\/ps.w.org\/animations-by-imoptimal\/assets\/banner-772x250.png?rev=2410788","banner_2x":false,"banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/animations-by-imoptimal\/assets\/icon-256x256.png?rev=2410156","icon_2x":"https:\/\/ps.w.org\/animations-by-imoptimal\/assets\/icon-256x256.png?rev=2410156","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/animations-by-imoptimal\/assets\/screenshot-1.png?rev=2217903","caption":"This is where you'll find the settings page in your admin dashboard"},{"src":"https:\/\/ps.w.org\/animations-by-imoptimal\/assets\/screenshot-2.png?rev=2410156","caption":"Meta options section in the settings page"},{"src":"https:\/\/ps.w.org\/animations-by-imoptimal\/assets\/screenshot-3.png?rev=2410156","caption":"Collapsible instructions section in the settings page"},{"src":"https:\/\/ps.w.org\/animations-by-imoptimal\/assets\/screenshot-4.png?rev=2217903","caption":"Animation options section in settings page"},{"src":"https:\/\/ps.w.org\/animations-by-imoptimal\/assets\/screenshot-5.png?rev=2228178","caption":"Collapsible Animation group options section in the settings page"}],"raw_content":"<!--section=description-->\n<p>Accentuate most important elements on your website through animation - either when its entering the screens viewport or when its hovered on\/tapped on touchscreen (using CSS selectors). It includes more than 70 types of animation (from animate.css library), and provides option to set the animation duration, number of repetitions, speed curve, delay, as well as the option to trigger animation repeatedly every time the selected items enter screens viewport.<\/p>\n\n<p>Key Features:\n* Possibility to set the number of animation groups that you can target with different animation settings (up to 100 groups).\n* Add the items (CSS selectors) you would like to either animate when they enter the screens viewport (visible area of a web page) or when hovered on\/tapped on.\n* Select the type of animation for that group of items (over 70 types, based on the popular CSS library animate.css).\n* Option to select the duration of the animation (0.5 - 5 sec; with increments of 0.1 sec).\n* Option to select the repetition of the animation (1 - 5 times; Infinite is also an option).\n* Option to choose the delay duration of animation when entering screens viewport (0.5 - 5 sec; with increments of 0.1 sec).\n* Option to choose the speed curve of the selected animation.\n* Option to choose if the animation will be triggered every time selected items enter screens viewport (not just once). There is also an option to trigger animation on hover\/when tapped on touchscreen instead.\n* Use the preview button to check all of the choosen options in action.<\/p>\n\n<h3>Copyright<\/h3>\n\n<p>Animations by Imoptimal Plugin, Copyright 2019 Ivan Maljukanovic\nAnimations by Imoptimal is distributed under the terms of the GNU GPL<\/p>\n\n<p>You should have received a copy of the GNU General Public License\nalong with this program.  If not, see <a href=\"https:\/\/www.gnu.org\/licenses\/gpl-3.0.en.html\/\">https:\/\/www.gnu.org\/licenses\/gpl-3.0.en.html\/<\/a><\/p>\n\n<h3>Resources<\/h3>\n\n<ul>\n<li>animate.css 3.7.2, MIT - available @ https:\/\/daneden.github.io\/animate.css\/<\/li>\n<li>imoptimal-logo-white.png \u00a9 2020 Ivan Maljukanovi\u0107, CC0 - made by me, not available online apart from the plugins directory \/img, and my personal website @ https:\/\/imoptimal.com (used as an asset)<\/li>\n<li>banner-772x250.png \u00a9 2020 Ivan Maljukanovi\u0107, CC0 - made by me, not available online apart from the plugins official wordpress.org repository (used as an asset)<\/li>\n<li>icon-256x256.png \u00a9 2020 Ivan Maljukanovi\u0107, CC0 - made by me, not available online apart from the plugins official wordpress.org repository (used as an asset)<\/li>\n<\/ul>\n\n<!--section=installation-->\n<ol>\n<li>Login to your WordPress admin area<\/li>\n<li>Search for 'Animations by Imoptimal'<\/li>\n<li>Click to install 'Animations by Imoptimal'<\/li>\n<li>Activate through the Plugins menu in WordPress or when asked during installation<\/li>\n<li>Set your options from the Settings -&gt; 'Animations by Imoptimal' admin area<\/li>\n<\/ol>\n\n<p>Alternatively:\n1. Download the plugin from official wordpress.org\/plugins page.\n2. Unzip it and upload the folder imoptimal-animations to the \/wp-content\/plugins\/ directory.\n3. Activate the plugin through the Plugins menu in WordPress.\n4. Set your options from the Settings -&gt; 'Animations by Imoptimal' admin area<\/p>\n\n<!--section=faq-->\n<dl>\n<dt><h3>What if I don't know how to find out what is the selector (id, class or tag) of an element that I wish to target with the animation settings?<\/h3><\/dt>\n<dd><p>I would suggest using a plugin called 'SiteOrigin CSS' which allows you to easily hover over the page elements of your website and determine the right CSS selectors that you need. That plugin is also useful for styling your entire website without any knowledge of coding.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<p>Plugin released.<\/p>\n\n<h4>1.1.0<\/h4>\n\n<p>Added an option to trigger animation on hover instead.<\/p>\n\n<h4>1.2.0<\/h4>\n\n<p>Added an option to trigger animation on tap (touchscreens), as well as the option to modify animation speed curve.<\/p>\n\n<h4>1.3.0<\/h4>\n\n<p>Increased the number of speed and delay options. Removed notices\/warnigs also.<\/p>\n\n<h4>1.4.0<\/h4>\n\n<p>Added the preview for all options (not just animation type as previously).<\/p>\n\n<h4>1.5.0<\/h4>\n\n<p>Added the list of resources and licenses.<\/p>\n\n<h4>1.6.0<\/h4>\n\n<p>Added plugins prefix to all helper functions and asset handlers\/files.<\/p>\n\n<h4>1.6.5<\/h4>\n\n<p>Handled error if no items selected.<\/p>\n\n<h4>1.7.0<\/h4>\n\n<p>Changed the translation pot file meta info.<\/p>\n\n<h4>1.7.1<\/h4>\n\n<p>Updated the sanitization of user input in the meta section.<\/p>\n\n<h4>1.7.2<\/h4>\n\n<p>Set the default plugin values upon activation.<\/p>\n\n<h4>1.7.3<\/h4>\n\n<p>Added F.A.Q.<\/p>\n\n<h4>1.7.4<\/h4>\n\n<p>Added support and review links on the plugin settings page.<\/p>\n\n<h4>1.7.5<\/h4>\n\n<p>Moved the user-facing css code into the javascript file.<\/p>\n\n<h4>1.7.6<\/h4>\n\n<p>Reverting back. Loading screen messed up without css files.<\/p>\n\n<h4>1.7.7<\/h4>\n\n<p>Reverting to the 1.7.5 version.<\/p>\n\n<h4>1.7.8<\/h4>\n\n<p>Plugin assets updated.<\/p>","raw_excerpt":"Accentuate most important elements on your website through animation - either when its entering the screens viewport or when its hovered on\/tapped on  &hellip;","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/115353","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=115353"}],"author":[{"embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/imoptimal"}],"wp:attachment":[{"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=115353"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=115353"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=115353"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=115353"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=115353"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/tah.wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=115353"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}