robfromerd

<p>Adds smooth transitions between navigations to your WordPress site. This plugin is a fork of “View Transitions”. Note: add “page-animated” category to post or page you want to have a transition animation other than the default fade. This plugin checks for taxonomy capability and adds the capability to pages if not already enabled.</p>
<p><strong>Key Features:</strong><br />
* Conditional animation support – only pages/posts with the “page-animated” category get enhanced transitions<br />
* Multiple animation types including fade, slide, swipe, and wipe effects<br />
* Automatic category taxonomy support for pages<br />
* Browser compatibility detection<br />
* Customizable CSS selectors for different themes</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>
<h4>How to Use</h4>
<ol>
<li><strong>Install and activate</strong> the plugin</li>
<li><strong>Add the “page-animated” category</strong> to any post or page you want to have enhanced transitions</li>
<li><strong>Configure settings</strong> in Settings > Reading to customize animations and selectors</li>
<li><strong>Test navigation</strong> between pages to see the smooth transitions</li>
</ol>
<h4>Animation Types</h4>
<ul>
<li><strong>Fade</strong> – Smooth fade in/out (default)</li>
<li><strong>Slide</strong> – Elements slide in from different directions</li>
<li><strong>Swipe</strong> – Swipe effect with customizable offsets</li>
<li><strong>Wipe</strong> – Wipe effect with angle control</li>
</ul>


Conditional View Transitions

Adds smooth transitions between navigations to your WordPress site.

anasakdev

<p><iframe loading="lazy" title="Spline animation wordpress plugin tutorial" width="750" height="422" src="https://www.youtube.com/embed/iLa-zNyRTtY?feature=oembed" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share" referrerpolicy="strict-origin-when-cross-origin" allowfullscreen></iframe></p>
<p><strong><a href="https://medium.com/@anasakdev/create-scrolling-spline-animation-in-wordpress-7a10de0d83cc" rel="nofollow ugc">How to use this plugin</a></strong></p>
<p>Introducing a new WordPress Gutenberg plugin: AKDev Spline animation! Say goodbye to boring websites and hello to interactive 3D magic. With this plugin, you can easily add stunning 3D animations that respond to scrolling, giving your site a whole new dimension.</p>
<p>No need to be a tech whiz – our interface is super simple and intuitive. Just pick your favorite spline 3D models and watch them come to life as visitors scroll through your content.</p>
<p>Whether you’re showcasing products, sharing your portfolio, or telling a story, 3D Scroll Effects adds that extra “wow” factor that’ll keep your audience hooked.</p>
<p>Why settle for ordinary when you can turn your WordPress site into a captivating experience? Upgrade your website today with Spline animation and watch as your content comes to life!</p>
<h4>For whom</h4>
<ul>
<li>Creative Designer and Agencies. </li>
<li>Trainer / Course Creators</li>
<li>E-commerce sites that want to display their products in 3D.</li>
<li>Web designer/developer</li>
</ul>
<h4>Features</h4>
<ul>
<li><strong>Animation Interface</strong>: intuitive user interface to add 3d animations</li>
<li><strong>Responsive options</strong>: currently the only responsive functionality in plugin is to show or hide the animation block on different devices, to access that settings click on the animation block and see the right sidebar and scroll down until you see “responsive settings” checkbox enable it and add your settings there.</li>
</ul>
<h4>How to use</h4>
<ul>
<li>First, install the Spline animation Block plugin</li>
<li>Add the Spline animation block from the block category called “Animations” in the Gutenberg editor.</li>
<li>You can change block settings from the right-side settings sidebar.</li>
<li>
<p>Enjoy!</p>
</li>
<li>
<p>For installation help click on Installation Tab</p>
</li>
</ul>
<h4>Feedback</h4>
<ul>
<li>Did you like this plugin? Dislike it? Do you have a feature request? <a href="mailto:anasakniazi@gmail.com" title="Send feedback" rel="nofollow ugc">Please share your feedback with me</a></li>
</ul>
<h3>Inspect github code</h3>
<p>You can view and inspect this plugins full source code on <a href="https://github.com/anasak-dev/akdev-spline-animation" rel="nofollow ugc">github</a></p>
<h3>Terms and Privacy Policies</h3>
<p>This plugin uses the following scripts, and their respective terms and privacy policies are listed below:</p>
<ol>
<li><strong>Spline</strong>
<ul>
<li>License: <a href="https://github.com/splinetool/react-spline/blob/main/LICENSE" rel="nofollow ugc">https://github.com/splinetool/react-spline/blob/main/LICENSE</a></li>
<li>The following URLs originate from the Spline script:
<ul>
<li><a href="https://www.gstatic.com/draco/versioned/decoders/1.5.2/" rel="nofollow ugc">https://www.gstatic.com/draco/versioned/decoders/1.5.2/</a></li>
<li><a href="https://unpkg.com/@splinetool/navmesh-wasm@0.9.496/build" rel="nofollow ugc">https://unpkg.com/@splinetool/navmesh-wasm@0.9.496/build</a></li>
<li><a href="https://unpkg.com/@splinetool/runtime@0.9.496/build/" rel="nofollow ugc">https://unpkg.com/@splinetool/runtime@0.9.496/build/</a></li>
<li><a href="https://unpkg.com/@splinetool/modelling-wasm@0.9.496/build" rel="nofollow ugc">https://unpkg.com/@splinetool/modelling-wasm@0.9.496/build</a></li>
<li><a href="https://unpkg.com/@splinetool/boolean-wasm@0.9.496/build" rel="nofollow ugc">https://unpkg.com/@splinetool/boolean-wasm@0.9.496/build</a></li>
</ul>
</li>
</ul>
</li>
</ol>


AKDev Spline animation – Delight your users experience with 3d scroll animations.

Create Spline 3d scrolling animations with ease and wow your users.

Conditional View Transitions vs AKDev Spline animation – Delight your users experience with 3d scroll animations.