This plugin hasn’t 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.

Animator – Scroll Triggered Animations

Description

Scroll Triggered Animations is a highly customisable, yet user-friendly interface for implementing CSS animations correctly and efficiently throughout your WordPress website.

Whether you’re a highly-skilled web guru, a content editor or you’ve got minimal knowledge of web coding, STA makes the animation procedure easy. It works on any theme, bespoke or not. Activate now and animate your website within minutes.

Want to try STA?

Demo on a risk free environment here

Key points

  • Easy to use
  • Globally control your animations
  • Over 25 Preset Easy animations available out of the box.
  • Create your own CSS animations via the Custom Animation Builder
  • No framework used

Scroll Triggered Animations is built to allow any WordPress user (developer or not), to implement professional looking animations without any knowledge of javascript. You can choose to use our preset animations from our default animations library, or create your very own CSS3 animation and integrate it with this plugin.

Find out more about this plugin here

Screenshots

Installation

PHP 5.6 or greater is recommended before installation

  1. Navigate to the plugins menu.
  2. Search for ‘Scroll Triggered Animations’
  3. Click ‘Install Now’ followed by ‘Activate’
  4. You’ll now be able to configure your animations under Settings > Scroll Triggered Animations

FAQ

How do I use my own CSS animations with advanced animations?

The advanced animations tab is for those of you who want that customisability factor. You can animate items on a global scope using your own CSS.

Your first step, is to activate the element you want to animate. You can activate any element by class, id or tag.

The plugin seeks out these items on the frontend of your site and adds the class ‘scroll-triggered’ as it enters your screens dimensions. This gives you the ability to target the element before and after it has entered your screen’s dimensions.

You’re CSS could look something like this:

.button { opacity:0; transform:translateY(10px); transition:all .5s; }
.button.scroll-triggered { opacity:1; transform:translateY(0); }

Just remember to use the transition property to define how long you would like the animation to last.

Find out more here

Why aren’t my animations working?

This could be a number of reasons. The most common issue for this is javascript being broken on your site. Check for a fatal error in the console and if you can’t resolve the issue do not hesitate to contact us via the support forum.

Reviews

Dekabr 1, 2024 1 reply
4 years ago I was happy about support There where some issues getting the first support, my ticket got lost. But fortunately support answered and helped me. Aaron is very reactive. This plugin is perfect if you need to trigger animations through classes. NOW There is a security risk since months, and author does…nothing, I will need to remove that plugin to not get hacked. Version 3.0.12 is vulnerable to Cross Site Scripting (XSS)
Dekabr 13, 2023 2 replies
<!– wp:paragraph –> <p class=»»>Hi, I want to change the login-email-address. I already sent a support-ticket. Thanks for answering.</p> <!– /wp:paragraph –>
Fevral 11, 2022 1 reply
Bought Pro version/addon, yet still waiting after opening a support ticket, no response from the developer at all. It’s great the plugin has an option to disable animations on mobile. Even greater would be if the option worked… Does nothing at all. Pretty annoyed I paid for the Pro version.
May 19, 2021
This is a great little plugin. Easy to use and does exactly what it says. The support is also the best I have ever received from any plugin (which is a lot of plugins). Absolutely excellent and super quick support, went above and above for me – would highly recommend this plugin
May 14, 2021
This plugin is very nice to have more control over CSS animations, such as CSS animations playing within the viewport instead of on page load, without having to use Javascript. The built-in animations are nice and Aaron offers really good support!
Read all 15 reviews

Contributors & Developers

“Animator – Scroll Triggered Animations” is open source software. The following people have contributed to this plugin.

Contributors

Changelog

3.0.6

*Fixed jQuery Issue

3.0.0

*Complete Rework of the plugin backend to provide a clearer interface.
*Backend Options now update via AJAX allowing you to quickly edit options without reloading the page.
*Renamed «Default Animations» to «Easy Animations»
*Renamed «Advanced Animations» to «Custom Animations»
*Add compatibility for Scroll Triggered Animations Pro Extension v3
*Visual Animation Builder Revealed. This feature will be available in 2021 with the Pro Extension.
*Rebranded the plugin.
*Added the option to disable ALL animations
*Small tweaks to wording.
*Added a «Helful articles» section to the backend.

2.5.0

*Added a simple tutorial to run through the plugin configuration.
*Fixed bug where popup wouldn’t close.
*Small tweaks to styling and wording.

2.4.2

*Sale now on
*Multiple Bug fixes

2.4.0

*New Premium animations added
*Multiple Bug fixes

2.2.3

*First updates for 2020
*Christmas styling removed
*Multiple bug fixes

2.2.2

*Latest Bug fixes

2.1.1

*Number of bug fixes and compatibility changes.

2.1.0

*Number of bug fixes
*Christmas styling

2.0.1

  • Number of bug fixes
  • Added more premium features

2.0.0

  • Added ability to control speed on default animations
  • Added ability to control delays on default animations
  • Disable default animations
  • Premium features now available
  • Added more animations to the default animation list.