{"id":332644,"date":"2026-06-30T13:07:50","date_gmt":"2026-06-30T13:07:50","guid":{"rendered":"https:\/\/wordpress.org\/plugins\/animations-on-scroll\/"},"modified":"2026-06-30T13:07:32","modified_gmt":"2026-06-30T13:07:32","slug":"ajo-animate","status":"publish","type":"plugin","link":"https:\/\/wordpress.org\/plugins\/ajo-animate\/","author":23519448,"comment_status":"closed","ping_status":"closed","template":"","meta":{"version":"1.0","stable_tag":"1.0","tested":"7.0","requires":"5.8","requires_php":"7.4","requires_plugins":null,"header_name":"AJO Animate","header_author":"Ali J Online","header_description":"A lightweight plugin to animate elements on scroll by adding simple CSS classes.","assets_banners_color":"c0e2e3","last_updated":"2026-06-30 13:07:32","external_support_url":"","external_repository_url":"","donate_link":"","header_plugin_uri":"","header_author_uri":"","rating":0,"author_block_rating":0,"active_installs":0,"downloads":47,"num_ratings":0,"support_threads":0,"support_threads_resolved":0,"author_block_count":0,"sections":["description","installation","faq","changelog"],"tags":{"1.0":{"tag":"1.0","author":"wgs2026","date":"2026-06-30 13:07:32"}},"upgrade_notice":[],"ratings":[],"assets_icons":{"icon-256x256.png":{"filename":"icon-256x256.png","revision":3591544,"resolution":"256x256","location":"assets","locale":"","width":256,"height":256}},"assets_banners":{"banner-1544x500.png":{"filename":"banner-1544x500.png","revision":3591544,"resolution":"1544x500","location":"assets","locale":"","width":1544,"height":500},"banner-772x250.png":{"filename":"banner-772x250.png","revision":3591544,"resolution":"772x250","location":"assets","locale":"","width":772,"height":250}},"assets_blueprints":{},"all_blocks":[],"tagged_versions":["1.0"],"block_files":[],"assets_screenshots":{"screenshot-1.png":{"filename":"screenshot-1.png","revision":3591544,"resolution":"1","location":"assets","locale":"","width":1279,"height":890}},"screenshots":[]},"plugin_section":[],"plugin_tags":[75997,785,6756,4035,71952],"plugin_category":[50],"plugin_contributors":[],"plugin_business_model":[],"class_list":["post-332644","plugin","type-plugin","status-publish","hentry","plugin_tags-animate-on-scroll","plugin_tags-animation","plugin_tags-css-animation","plugin_tags-lightweight","plugin_tags-scroll-animation","plugin_category-media","plugin_committers-wgs2026"],"banners":{"banner":"https:\/\/ps.w.org\/ajo-animate\/assets\/banner-772x250.png?rev=3591544","banner_2x":"https:\/\/ps.w.org\/ajo-animate\/assets\/banner-1544x500.png?rev=3591544","banner_rtl":false,"banner_2x_rtl":false},"icons":{"svg":false,"icon":"https:\/\/ps.w.org\/ajo-animate\/assets\/icon-256x256.png?rev=3591544","icon_2x":"https:\/\/ps.w.org\/ajo-animate\/assets\/icon-256x256.png?rev=3591544","generated":false},"screenshots":[{"src":"https:\/\/ps.w.org\/ajo-animate\/assets\/screenshot-1.png?rev=3591544","caption":""}],"raw_content":"<!--section=description-->\n<p>AJO Animate is a lightweight, performance-optimized WordPress plugin that allows you to animate elements simply by adding CSS classes.<\/p>\n\n<p>Instead of loading heavy libraries like jQuery or full animate.css files, this plugin uses the modern browser <code>IntersectionObserver<\/code> API to keep your site lightning fast. Animations trigger only once when the element enters the viewport (15% threshold), saving browser resources.<\/p>\n\n<p>It uses a unique <code>ajoanim-<\/code> prefix for all classes, functions, and files to ensure zero conflicts with other themes or plugins.<\/p>\n\n<h3>Available Animations<\/h3>\n\n<ul>\n<li><strong>Slide:<\/strong> <code>ajoanim-slide-left<\/code>, <code>ajoanim-slide-right<\/code>, <code>ajoanim-slide-up<\/code>, <code>ajoanim-slide-down<\/code><\/li>\n<li><strong>Zoom:<\/strong> <code>ajoanim-zoom-in<\/code>, <code>ajoanim-zoom-out<\/code><\/li>\n<li><strong>Fade:<\/strong> <code>ajoanim-fade-in<\/code>, <code>ajoanim-fade-out<\/code><\/li>\n<li><strong>Misc:<\/strong> <code>ajoanim-flash<\/code><\/li>\n<\/ul>\n\n<h3>How to Use<\/h3>\n\n<ol>\n<li>Go to <strong>AJO Animate<\/strong> in your WordPress admin menu to see the full class reference.<\/li>\n<li>Edit any page or post.<\/li>\n<li>Select a block (e.g., a Group, Paragraph, Image, or Heading block).<\/li>\n<li>Under the block settings panel (typically in the <strong>Advanced<\/strong> section), paste the desired animation class (e.g., <code>ajoanim-fade-in<\/code>) into the <strong>\"Additional CSS class(es)\"<\/strong> field.<\/li>\n<li>Save and preview your page!<\/li>\n<\/ol>\n\n<!--section=installation-->\n<ol>\n<li>Upload the <code>ajo-animate<\/code> folder to the <code>\/wp-content\/plugins\/<\/code> directory.<\/li>\n<li>Activate the plugin through the 'Plugins' menu in WordPress.<\/li>\n<li>Navigate to 'AJO Animate' in your admin dashboard for instructions and a list of available CSS classes.<\/li>\n<\/ol>\n\n<!--section=faq-->\n<dl>\n<dt id=\"does%20this%20affect%20my%20website%27s%20performance%3F\"><h3>Does this affect my website's performance?<\/h3><\/dt>\n<dd><p>No! It is built with vanilla JavaScript and the IntersectionObserver API, which is highly optimized for modern browsers compared to older scroll-event listeners.<\/p><\/dd>\n<dt id=\"can%20i%20change%20the%20animation%20duration%3F\"><h3>Can I change the animation duration?<\/h3><\/dt>\n<dd><p>By default, all animations take 1 second. You can override this in your theme's Custom CSS by targeting <code>.ajoanim-trigger { animation-duration: 0.5s !important; }<\/code>.<\/p><\/dd>\n\n<\/dl>\n\n<!--section=changelog-->\n<h4>1.0.0<\/h4>\n\n<ul>\n<li>Initial release.<\/li>\n<\/ul>","raw_excerpt":"A lightweight, performance-optimized WordPress plugin to animate elements on scroll using CSS classes.","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin\/332644","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin"}],"about":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/types\/plugin"}],"replies":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/comments?post=332644"}],"author":[{"embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wporg\/v1\/users\/wgs2026"}],"wp:attachment":[{"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/media?parent=332644"}],"wp:term":[{"taxonomy":"plugin_section","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_section?post=332644"},{"taxonomy":"plugin_tags","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_tags?post=332644"},{"taxonomy":"plugin_category","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_category?post=332644"},{"taxonomy":"plugin_contributors","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_contributors?post=332644"},{"taxonomy":"plugin_business_model","embeddable":true,"href":"https:\/\/wordpress.org\/plugins\/wp-json\/wp\/v2\/plugin_business_model?post=332644"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}