=== SVG AutoMotion ===
Contributors: vikingplugins
Tags: animation, svg, lightweight
Requires at least: 6.0
Tested up to: 6.9
Stable tag: 1.1.0
License: GPLv2 or later
License URI: https://www.gnu.org/licenses/gpl-2.0.html

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

== Description ==

**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 [viking.infy.uk/svg-automotion](https://viking.infy.uk/svg-automotion/)

**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

== Installation ==

1. Upload the plugin files to the `/wp-content/plugins/svg-automotion/` directory, or install through the WordPress plugin screen.
2. Activate the plugin through the **Plugins** menu in WordPress.
3. Add an SVG AutoMotion block or use the `[svg_automotion]` shortcode.

== Usage ==

### Using the Gutenberg Block
1. Add a new block and search for **SVG AutoMotion**.
2. Select your SVG image from the Media Library.
3. Choose which animations to apply and set the animation duration.
4. Add a link to the image if needed under link settings
5. Save or preview your post to see the animation in action.

_See Screenshot 1 and Screenshot 2._

### Using the Shortcode

You can also insert animations anywhere using the `[svg_automotion]` 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:**
- `src` — relative or full URL path to your SVG file
- `fade`, `rotate`, `scale`, `slide` — enable/disable each effect
- `duration` — total animation time in milliseconds
- `link_url` — url to link to (optional)
- `link_newtab` — set to true if you wish the link to open in a new tab

== Frequently Asked Questions ==

= How do I upload SVG files into my media library? =
If you haven’t yet, install a plugin that allows SVG uploads such as “SVG Support”.

= Does it work with any SVG file? =
Yes, as long as the SVG structure is valid.

= Can I control which animations run? =
Yes. You can toggle fade, rotate, scale, and slide animations from the block settings.

= Will it slow down my site? =
No. The script is tiny, loads only when needed, and animations trigger only when visible.

= What sets the order of the animation? =
The animation applies to image elements in the order they appear in the SVG layers.

== Screenshots ==

1. Adding an SVG AutoMotion Block
2. The SVG AutoMotion Settings

== Changelog ==

= 1.1.0 =
* Added ability to add a link 
* Removed unwanted pause in animation when gradients are defined in the SVG file

= 1.0.0 =
* Initial release with Gutenberg block and shortcode support.

== Upgrade Notice ==

= 1.0.0 =
Initial release.


