liip

tschortsch

<p>Animate Gutenberg blocks when they scroll into view.</p>
<ul>
<li>Works with all existing Gutenberg blocks</li>
<li>Choose from 27 different animations</li>
<li>Configure animation with custom delays, offsets and durations</li>
<li>Based on <a href="http://michalsnik.github.io/aos/" rel="nofollow ugc">AOS Animate On Scroll Library</a></li>
</ul>
<h4>Requirements</h4>
<ul>
<li>WordPress >= 5.0</li>
<li>PHP >= 5.6</li>
</ul>
<h4>Further Information</h4>
<ul>
<li>Documentation: <a href="https://github.com/liip/animate-blocks-wordpress-plugin/blob/master/README.md" rel="nofollow ugc">https://github.com/liip/animate-blocks-wordpress-plugin/blob/master/README.md</a></li>
<li>WordPress Plugin: <a href="https://wordpress.org/plugins/animate-blocks/" rel="ugc">https://wordpress.org/plugins/animate-blocks/</a></li>
<li>GitHub Repository: <a href="https://github.com/liip/animate-blocks-wordpress-plugin" rel="nofollow ugc">https://github.com/liip/animate-blocks-wordpress-plugin</a></li>
<li>Changelog: <a href="https://github.com/liip/animate-blocks-wordpress-plugin/releases" rel="nofollow ugc">https://github.com/liip/animate-blocks-wordpress-plugin/releases</a></li>
<li>Issue tracker: <a href="https://github.com/liip/animate-blocks-wordpress-plugin/issues" rel="nofollow ugc">https://github.com/liip/animate-blocks-wordpress-plugin/issues</a></li>
</ul>


Animate Blocks

Perfect

Animate Gutenberg blocks plugin for WordPress.

WordPress.org

<p>This plugin implements support for <a href="https://developer.chrome.com/docs/web-platform/view-transitions/cross-document" rel="nofollow ugc">cross-document view transitions</a> in WordPress. This effectively replaces the hard transitions when navigating from one URL to the other with a smooth animation, by default using a fade effect.</p>
<h4>Browser support</h4>
<p>Cross-document view transitions are supported in a variety of browsers, including Chrome, Edge, and Safari. Users with browsers that currently do not support it should not see any adverse effects when the plugin is active. They will simply not benefit from the feature and continue to experience the traditional hard transitions between URLs.</p>
<p><a href="https://caniuse.com/mdn-css_at-rules_view-transition" rel="nofollow ugc">Please refer to “Can I use…” for a comprehensive overview of browser support for the feature.</a></p>


View Transitions


WordPress needs more of this type of genius. 


More of this


Tested on multiple sites and works smoothly!Just remember to clear the cache, of course :)Great work


Works as expected


Looks good. Works well. Tested on few sites with different cache plugins.


Looks good


It’s like flipping a switch and watching my site come alive—faster, smoother, effortlessly cool. One click, seamless fades, and I’m hoping this makes its way into WordPress core.


Pure front-end magic


Installed and immediately improve the UX. Simple and elegant. Possibly should be in core. 


We like it!

Adds smooth transitions between navigations to your WordPress site.

Animate Blocks vs View Transitions