{"id":8916,"date":"2025-03-24T16:30:06","date_gmt":"2025-03-24T16:30:06","guid":{"rendered":"https:\/\/s-o-s.net\/animated-blocks-on-scroll\/"},"modified":"2025-03-24T16:30:06","modified_gmt":"2025-03-24T16:30:06","slug":"animated-blocks-on-scroll","status":"publish","type":"post","link":"https:\/\/s-o-s.net\/en_gb\/animated-blocks-on-scroll\/","title":{"rendered":"Animated Blocks on Scroll"},"content":{"rendered":"<p> <br \/>\n<\/p>\n<article id=\"post-86327\" class=\"alignwide post-86327 plugin type-plugin status-publish hentry plugin_section-block plugin_section-blocks plugin_tags-animated-block plugin_tags-animation plugin_tags-blocks plugin_tags-css-animations plugin_tags-css3 plugin_category-media plugin_contributors-virgildia plugin_committers-virgildia\">\n<div class=\"plugin-banner\" id=\"plugin-banner-animated-blocks\"><\/div>\n<header class=\"plugin-header\">\n<div class=\"plugin-notice notice notice-warning notice-alt\">\n<p>This plugin <strong>hasn\u0092t been tested with the latest 3 major releases of WordPress<\/strong>. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress.<\/p>\n<\/div>\n<p><!-- .plugin-notice -->\t\t<\/p>\n<div class=\"entry-heading-container\">\n<div>\n<div class=\"entry-thumbnail\">\n\t\t\t\t\t<img decoding=\"async\" class=\"plugin-icon\" src=\"https:\/\/ps.w.org\/animated-blocks\/assets\/icon.svg?rev=1960272\" alt=\"\">\t\t\t\t<\/div>\n<div>\n<h1 class=\"plugin-title\">Animated Blocks on Scroll<\/h1>\n<p>\t\t\t\t\t<span class=\"byline\">By <span class=\"author vcard\"><a target=\"_blank\" class=\"url fn n\" href=\"https:\/\/profiles.wordpress.org\/virgildia\/\" rel=\"noopener\">Virgildia<\/a><\/span><\/span>\n\t\t\t\t<\/div>\n<\/p><\/div>\n<div class=\"plugin-actions\">\n<div class=\"wp-block-button is-small plugin-download download-button\"><a target=\"_blank\" class=\"wp-block-button__link wp-element-button\" href=\"https:\/\/downloads.wordpress.org\/plugin\/animated-blocks.zip\" rel=\"noopener\">Download<\/a><\/div>\n<\/p><\/div>\n<\/p><\/div>\n<\/header>\n<p><!-- .entry-header --><\/p>\n<p>\t<span id=\"description\"><\/span><br \/>\n\t<span id=\"reviews\"><\/span><br \/>\n\t<span id=\"installation\"><\/span><br \/>\n\t<span id=\"developers\"><\/span><br \/>\n\t<span id=\"advanced\" class=\"\"><\/span><br \/>\n\t<span id=\"section-links\"><\/p>\n<ul class=\"tabs clear\">\n<li id=\"tablink-description\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/animated-blocks\/#description\" rel=\"noopener\">Details<\/a><\/li>\n<li id=\"tablink-reviews\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/animated-blocks\/#reviews\" rel=\"noopener\">Reviews<\/a><\/li>\n<li id=\"tablink-developers\"><a target=\"_blank\" href=\"https:\/\/wordpress.org\/plugins\/animated-blocks\/#developers\" rel=\"noopener\">Development<\/a><\/li>\n<\/ul>\n<div id=\"link-support\">\n\t\t\t<a target=\"_blank\" href=\"https:\/\/wordpress.org\/support\/plugin\/animated-blocks\/\" rel=\"noopener\">Support<\/a>\n\t\t<\/div>\n<p>\t<\/span><br \/>\n\t<script type=\"text\/javascript\">if ( '#changelog' == window.location.hash ) { window.setTimeout( function() { window.location.hash=\"#developers\"; }, 10 ); }<\/script><\/p>\n<div class=\"entry-content\">\n<div id=\"tab-description\" class=\"plugin-description section\">\n<h2 id=\"description-header\">Description<\/h2>\n<p>Add scroll based animations to WordPress Gutenberg blocks.<\/p>\n<h4>Features<\/h4>\n<ul>\n<li>Choose from 76 cross-browser CSS3 animations or add your own<\/li>\n<li>Preview animations in the editor<\/li>\n<li>Adjust the animation duration, delay, scroll threshold, and offset<\/li>\n<\/ul>\n<h4>Settings<\/h4>\n<ul>\n<li>Duration: The speed of the animation in milliseconds.<\/li>\n<li>Delay: How many milliseconds to wait before animating the element.<\/li>\n<li>Threshold: Add animation when x% of the element enters the screen.<\/li>\n<li>Start with opacity 0: Set the element to opacity 0 when the page loads. The option works for elements transitioning to 100% opacity through CSS.<\/li>\n<li>Offset Top (available in the block\u2019s advanced settings): Number of pixels to offset the animated block from the top of the page. Useful when a page has a fixed top navigation bar.<\/li>\n<li>Class name \u201cab-animation-end\u201d is added to the animated block after the CSS animation has ended. This class name can be used to add custom styles.<\/li>\n<\/ul>\n<h3>Requirements<\/h3>\n<p>PHP 5.6+ is recommended, WordPress 5.0+, and Gutenberg must be active.<\/p>\n<h3>Documentation<\/h3>\n<p>Select Animated Block from the Layout Elements group and add any content blocks within it. Select an animation from the dropdown list or add your own custom CSS class. The selected animation or custom CSS class will be added to the block when the user scrolls to it.<\/p>\n<p>Animated Block is a parent block (a container), nesting as many blocks as you want.<\/p>\n<\/div>\n<div id=\"screenshots\" class=\"plugin-screenshots section\">\n<h2 id=\"screenshots-header\">Screenshots<\/h2>\n<ul class=\"plugin-screenshots\">\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/animated-blocks\/assets\/screenshot-1.png?rev=2671903\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/animated-blocks\/assets\/screenshot-1.png?rev=2671903\" alt=\"\"><\/a><figcaption>Animation settings in the block inspector<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/animated-blocks\/assets\/screenshot-2.png?rev=2671903\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/animated-blocks\/assets\/screenshot-2.png?rev=2671903\" alt=\"\"><\/a><figcaption>Animation list with search functionality<\/figcaption><\/figure>\n<\/li>\n<li>\n<figure><a target=\"_blank\" href=\"https:\/\/ps.w.org\/animated-blocks\/assets\/screenshot-3.png?rev=2668676\" rel=\"nofollow noopener\"><img decoding=\"async\" class=\"screenshot\" src=\"https:\/\/ps.w.org\/animated-blocks\/assets\/screenshot-3.png?rev=2668676\" alt=\"\"><\/a><figcaption>Add any blocks within Animated Block<\/figcaption><\/figure>\n<\/li>\n<\/ul>\n<\/div>\n<div id=\"blocks\" class=\"plugin-blocks section\">\n<h2 id=\"blocks-header\">Blocks<\/h2>\n<p>This plugin provides 1 block.<\/p>\n<ul class=\"plugin-blocks-list\">\n<li class=\"plugin-blocks-list-item has-description\">\n\t\t\t\t\t\t\t\t\t<span class=\"block-icon dashicons dashicons-block-default\"><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"block-title\">Animated Block<\/span><br \/>\n\t\t\t\t\t\t\t\t\t<span class=\"block-description\">Add blocks into the animated container.<br \/>\n\t\t\t\t\t\t\t<\/span><\/li>\n<\/ul>\n<\/div>\n<div id=\"faq\" class=\"plugin-faq section\">\n<h2 id=\"faq-header\">FAQ<\/h2>\n<dl>\n<dt id=\"installation\">\n<h3>Installation<\/h3>\n<\/dt>\n<dd>\n<p>Go to your WordPress Admin -&gt; Plugins -&gt; Add New. Search for Gutenberg Animated Blocks. Install and Activate. You can also download this folder and add it into your plugins directory.<\/p>\n<p>\u201cAnimated Block\u201d will be added to the Design block group.<\/p>\n<\/dd>\n<dt id=\"what%20is%20gutenberg%3F\">\n<h3>What is Gutenberg?<\/h3>\n<\/dt>\n<dd>\n<p>Gutenberg is the name of the new block based editor introduced in WordPress 5. Gutenberg makes it easy to create content within the editor using blocks.<\/p>\n<\/dd>\n<\/dl>\n<\/div>\n<div id=\"tab-reviews\" class=\"plugin-reviews section\">\n<h2 id=\"reviews-header\">Reviews<\/h2>\n<div class=\"plugin-reviews\">\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/c7a9c5743b32793a5534789f93b125cdf7573f4109dbea017f219e231a287388?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/c7a9c5743b32793a5534789f93b125cdf7573f4109dbea017f219e231a287388?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/wonderful-and-simple-6\/\" rel=\"noopener\">Wonderful and simple<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/jhmonroe\/\" title=\"Posts by James Monroe\" rel=\"author noopener\">James Monroe<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">December 19, 2024<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">this is a great plugin for adding subtle effects to your site without the bloat of a whole GSAP\/greenshift package with a million options. great for subtle effects when page loads (or just after with a delay). will def use for adding subtle movement to client sites. every plugin this developer does works well and simple with core blocks. pay attention to his stuff! we need more like it. simple\/elegant solutions for the block and site editor<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/bbf31d747f6c82718e0ca06d4dc4f48a63c835bd172e286f2a55e1f2ab97f059?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/bbf31d747f6c82718e0ca06d4dc4f48a63c835bd172e286f2a55e1f2ab97f059?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/good-plugin-6219\/\" rel=\"noopener\">good Plugin<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/abdullah1957\/\" title=\"Posts by abdullah1957\" rel=\"author noopener\">abdullah1957<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">December 20, 2022<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">I have use it it gave me a good experience.<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/b0d87542e6c016519dd413af81dd5d482696dca42c98e5c434c136e4dd28769c?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/b0d87542e6c016519dd413af81dd5d482696dca42c98e5c434c136e4dd28769c?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/beautiful-implementation-4\/\" rel=\"noopener\">Beautiful implementation<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/anonymized-15142627\/\" title=\"Posts by Anonymous User 15142627\" rel=\"author noopener\">Anonymous User 15142627<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">February 22, 2022<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Simple, flexible, nest-able and unobtrusive. *****<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/ef556e4f955be14d797e3c7ac765e1d4510a763b83f1d54d76c9fa5ef1f7b341?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/ef556e4f955be14d797e3c7ac765e1d4510a763b83f1d54d76c9fa5ef1f7b341?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/easy-to-add-animations-to-page-blocks\/\" rel=\"noopener\">Easy to add animations to page blocks.<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/burnettj928\/\" title=\"Posts by burnettj928\" rel=\"author noopener\">burnettj928<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">August 6, 2020<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Easy to add animations to blocks. Simple and good, thanks.<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/b9ccfa81ba51c8cec6e4e654eee3d1a477c083ab42e06d2425fcb6ce64d7f817?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/b9ccfa81ba51c8cec6e4e654eee3d1a477c083ab42e06d2425fcb6ce64d7f817?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/cool-1018\/\" rel=\"noopener\">Cool<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/televizor\/\" title=\"Posts by televizor\" rel=\"author noopener\">televizor<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">July 19, 2020<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\">Useful, thank you.<\/div>\n<\/p><\/div>\n<\/article>\n<article class=\"plugin-review\">\n<div class=\"review-avatar\">\n\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/cd7416a959629f72e7b7da71757ddf9d70d477f5d05d4862140cfa9626921052?s=60&amp;d=retro&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/cd7416a959629f72e7b7da71757ddf9d70d477f5d05d4862140cfa9626921052?s=120&amp;d=retro&amp;r=g 2x\" class=\"avatar avatar-60 photo\" height=\"60\" width=\"60\">\t\t\t\t\t<\/div>\n<div class=\"review\">\n<header>\n<div class=\"header-top\">\n<div class=\"wporg-ratings\" aria-label=\"5 out of 5 stars\" data-title-template=\"%s out of 5 stars\" data-rating=\"5\" style=\"color:#ffb900;\"><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><span class=\"dashicons dashicons-star-filled\"><\/span><\/div>\n<h3 class=\"review-title\"><a target=\"_blank\" class=\"url\" href=\"https:\/\/wordpress.org\/support\/topic\/excellent-7532\/\" rel=\"noopener\">Excellent<\/a><\/h3>\n<\/p><\/div>\n<div class=\"header-bottom\">\n\t\t\t\t\t\t\t\t<span class=\"review-author author vcard\"><a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/jeremycaris\/\" title=\"Posts by jeremycaris\" rel=\"author noopener\">jeremycaris<\/a><\/span><br \/>\n\t\t\t\t\t\t\t\t<span class=\"review-date\">April 2, 2019<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n<\/header>\n<div class=\"review-content\"><\/div>\n<\/p><\/div>\n<\/article><\/div>\n<p>\t\t<a target=\"_blank\" class=\"reviews-link\" href=\"https:\/\/wordpress.org\/support\/plugin\/animated-blocks\/reviews\/\" rel=\"noopener\"><br \/>\n\t\t\tRead all 7 reviews\t\t<\/a><\/div>\n<div id=\"tab-developers\" class=\"plugin-developers section\">\n<h2 id=\"developers-header\">Contributors &amp; Developers<\/h2>\n<div class=\"plugin-contributors\">\n<p>\u201cAnimated Blocks on Scroll\u201d is open source software. The following people have contributed to this plugin.<\/p>\n<p><span class=\"screen-reader-text\">Contributors<\/span><\/p>\n<ul id=\"contributors-list\" class=\"contributors-list\">\n<li>\n\t\t\t\t<img loading=\"lazy\" decoding=\"async\" alt=\"\" src=\"https:\/\/secure.gravatar.com\/avatar\/d31ad55f0bed8a19b5a4a761e00ee1f969414daffc1e60f342f341f1b9f9dfa7?s=32&amp;d=mm&amp;r=g\" srcset=\"https:\/\/secure.gravatar.com\/avatar\/d31ad55f0bed8a19b5a4a761e00ee1f969414daffc1e60f342f341f1b9f9dfa7?s=64&amp;d=mm&amp;r=g 2x\" class=\"avatar avatar-32 photo\" height=\"32\" width=\"32\">\t\t\t\t<a target=\"_blank\" href=\"https:\/\/profiles.wordpress.org\/virgildia\/\" rel=\"noopener\"><br \/>\n\t\t\t\t\tVirgildia\t\t\t\t<\/a>\n\t\t\t<\/li>\n<\/ul><\/div>\n<div class=\"plugin-development\">\n<p><a target=\"_blank\" href=\"https:\/\/translate.wordpress.org\/projects\/wp-plugins\/animated-blocks\" rel=\"noopener\">Translate \u201cAnimated Blocks on Scroll\u201d into your language.<\/a><\/p>\n<h3>Interested in development?<\/h3>\n<p><a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/browser\/animated-blocks\/\" rel=\"noopener\" class=\"broken_link\">Browse the code<\/a>, check out the <a target=\"_blank\" href=\"https:\/\/plugins.svn.wordpress.org\/animated-blocks\/\" rel=\"noopener\">SVN repository<\/a>, or subscribe to the <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/animated-blocks\/\" rel=\"noopener\" class=\"broken_link\">development log<\/a> by <a target=\"_blank\" href=\"https:\/\/plugins.trac.wordpress.org\/log\/animated-blocks\/?limit=100&amp;mode=stop_on_copy&amp;format=rss\" rel=\"noopener\" class=\"broken_link\">RSS<\/a>.<\/p>\n<\/div>\n<\/div>\n<div id=\"tab-changelog\" class=\"plugin-changelog section\">\n<h2 id=\"changelog-header\">Changelog<\/h2>\n<h4>1.0.0<\/h4>\n<p>First release of the plugin.<\/p>\n<h4>1.0.3<\/h4>\n<p>Animation settings in individual blocks by extending the block API is no longer supported in the plugin. The InnerBlocks component was implemented, enabling nested block content and more flexibility. Select \u201cAnimated Block\u201d from the \u201cLayout Elements\u201d group and add whatever content blocks you\u2019d like. Select Animated Block to see animation settings.<\/p>\n<h4>1.0.4<\/h4>\n<p>Updated enqueue function to work on WordPress 5.0<\/p>\n<h4>1.0.5<\/h4>\n<p>Updated\/fixed animation previews in the editor.<br \/>\nClass \u201cab-end\u201d is now added to elements when a CSS animation is completed.<\/p>\n<h4>1.0.6<\/h4>\n<p>Fixed jQuery warning<br \/>\nUpdated for the latest WordPress version<\/p>\n<h4>1.1.0<\/h4>\n<p>Tested for WordPress 5.9<br \/>\nAdded block.json<br \/>\nAdded animation duration option<br \/>\nAdded offset option (available in the block\u2019s Advanced settings)<br \/>\nFixed animation opacity issues<br \/>\nRenamed class ab-hidden to ab-is-hidden<br \/>\nRenamed class ab-end to ab-animation-end<\/p>\n<h4>1.1.1<\/h4>\n<p>Updated to the latest scrollClass.js<br \/>\nReverted to milliseconds for duration and delay<\/p>\n<h4>1.1.2<\/h4>\n<p>Tested on the latest WP version<\/p>\n<h4>1.1.3<\/h4>\n<p>Added create-block package<\/p>\n<h4>1.1.4<\/h4>\n<p>Code cleanup<\/p>\n<\/div><\/div>\n<p><!-- .entry-content --><\/p>\n<p>\t<!-- .entry-meta --><br \/>\n<\/article>\n<p><br \/>\n<br \/><a href=\"https:\/\/wordpress.org\/plugins\/animated-blocks\/\" target=\"_blank\" rel=\"noopener\">Source link <\/a><\/p>","protected":false},"excerpt":{"rendered":"<p>This plugin hasn\u0092t been tested with the latest 3 major releases of WordPress. It may no longer be maintained or supported and may have compatibility issues when used with more recent versions of WordPress. Animated Blocks on Scroll By Virgildia Download Details Reviews Development Support Description Add scroll based animations to WordPress Gutenberg blocks. Features [&hellip;]<\/p>","protected":false},"author":196,"featured_media":8917,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_acf_changed":false,"give_campaign_id":0,"footnotes":""},"categories":[42,39,40],"tags":[5017,2007,4565],"class_list":["post-8916","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-block-plugin","category-lite-version","category-wp-plugin-solution","tag-animated","tag-blocks","tag-scroll"],"acf":[],"fifu_image_url":"https:\/\/ps.w.org\/animated-blocks\/assets\/banner-772x250.png?rev=1960272","_links":{"self":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/8916","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/users\/196"}],"replies":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/comments?post=8916"}],"version-history":[{"count":0,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/posts\/8916\/revisions"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media\/8917"}],"wp:attachment":[{"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/media?parent=8916"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/categories?post=8916"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/s-o-s.net\/en_gb\/wp-json\/wp\/v2\/tags?post=8916"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}