vikingplugins

SVG AutoMotion makes it effortless to apply clean, performant animations to SVG graphics as they scroll into view — perfect for adding motion to brand logos, icons, and illustrations.
See examples at <a href="https://viking.infy.uk/svg-automotion/" rel="nofollow ugc">viking.infy.uk/svg-automotion</a>
Key features: 
– Gutenberg block and shortcode support 
– Fade, rotate, scale, and slide effects 
– Adjustable animation duration 
– Lightweight, pure JavaScript (no dependencies) 
– Works with any SVG in your media library 
– Add a link to the image if needed
<h3>Usage</h3>
<h3>Using the Gutenberg Block</h3>
<ol>
<li>Add a new block and search for SVG AutoMotion.</li>
<li>Select your SVG image from the Media Library.</li>
<li>Choose which animations to apply and set the animation duration.</li>
<li>Add a link to the image if needed under link settings</li>
<li>Save or preview your post to see the animation in action.</li>
</ol>
See Screenshot 1 and Screenshot 2.
<h3>Using the Shortcode</h3>
You can also insert animations anywhere using the <code>[svg_automotion]</code> shortcode.
Basic example:
[svg_automotion src=”2025/10/automotionlogo.svg”]
You can combine multiple effects:
[svg_automotion src=”2025/10/automotionlogo.svg” fade=”true” slide=”true” rotate=”false” scale=”true” duration=”4000″]
You can also add a link to the shortcode 
[svg_automotion src=”2025/10/automotionlogo.svg” fade=”true” slide=”true” rotate=”false” scale=”true” duration=”4000″ link_url=”https://wordpress.org” link_newtab=”true” ]
Parameters: 
– <code>src</code> — relative or full URL path to your SVG file 
– <code>fade</code>, <code>rotate</code>, <code>scale</code>, <code>slide</code> — enable/disable each effect 
– <code>duration</code> — total animation time in milliseconds 
– <code>link_url</code> — url to link to (optional) 
– <code>link_newtab</code> — set to true if you wish the link to open in a new tab

SVG AutoMotion

Animate any SVG image as it comes into view. Bring your logos, icons, and illustrations to life with simple, automatic animations.

Er Siddharth Singh

<h3>Christmas Decorations</h3>
<ol>
<li>Decorate your site now.</li>
<li>Snow fall for your site, lightweight and easy to use.</li>
<li>Christmas countdown.</li>
<li>With snow fall show on all pages of your site.</li>
<li>Christmas countdown will show in bottom bar on all pages of your sites.</li>
<li>Very easy to use.</li>
<li>Extremely lightweight.</li>
</ol>
<blockquote>
“Compatible with all major browsers, well tested with ie10”
</blockquote>
Please don’t forget to provide me five star rating.
<blockquote>
<a href="http://www.tech.sanditsolution.com/" rel="nofollow ugc">See Demo</a>
</blockquote>
<h3>Arbitrary section</h3>
<ol>
<li>There are mainly two feature in this plugin.</li>
<li>Christmas countdown.</li>
<li>Snow fall.</li>
</ol>

Christmas Decorations

It work fine

Decorate your site for christmas, with Christmas countdown for all pages and  Snow fall for all pages.

SVG AutoMotion vs Christmas Decorations