Changelog
Welcome to the changelog for the latest updates on our plugin! In this section, you'll find detailed information about the newest features, enhancements, and bug fixes that have been implemented.
Mouse animations UI and page transition
Implemented the UI for mouse animations, also added a new page transition that has an animation that starts where the user clicks.
Now it will be easier to add mouse animations, find the options in the styles tab. The class system still works for advanced users.
New page transition that takes into account the click coordinates for the animation.
Now the page transitions detects if the url with # is the current url or a different page of the website.
Hover animations UI and Bricks 2.0 Compatibility
Now you will be able to find Hover animations in the styles tab along with the other animations.
Bricks2.0 support has also been added.
Now you will be able to find Hover animations in the styles tab along with the other animations.
Compatibility with Bricks 2.0 alpha.
Fast bug fix
Fixed text animations not removing html br tags from texts.
UI Tex animations / More Text Animations
Previously, text animations required using classes, but with the new UI, you can now apply them easily. Classes still work, so advanced users can continue using them if they prefer.
🔔 Reminder: Don’t forget to enable text animations from the plugin settings in your WordPress admin panel!
This version also includes 8 new text animations to enhance your creativity:
- Flip X
- Flip Y
- Skew LTR
- Skew RTL
- Rotate LTR
- Rotate RTL
- Slide Down RotateSlide Up Rotate
Say goodbye to manually adding classes! With the new Fancy Animations UI, applying text animations is easier than ever. Now you can select and customize animations directly from an intuitive interface
These fresh effects give you even more creative possibilities to make your text dynamic and engaging.
We’ve fixed an issue where the “Disable animations on tablets and mobile” setting was not working for text animations. Now, text animations will properly respect this setting, ensuring a smoother experience across all devices.
We’ve resolved an issue where page transition animations sometimes caused conflicts with Google Speed Test Insights.
Reverse ScrollTrigger Animations
You will now find a new option that makes the animation play in both directions. When enabled, the animation moves forward and then reverses, creating a back-and-forth effect without any additional configuration.
Although this might seem like a simple update, achieving this effect purely with CSS required complex calculations. To make this work natively, I developed a mathematical formula that dynamically adjusts the animation using only CSS variables—no JavaScript needed! This ensures optimal performance while delivering a seamless, fluid motion.
To help you see how this new option works, I’ve created a template you can check out.
You will now find a new option that makes the animation play in both directions
Entrance animations UI
Now, when you select an element, you’ll find the “Entrance Animations” option in the Style tab.
The class-based system is still available for advanced users, but this new interface is much more user-friendly, especially for those unfamiliar with working with classes.
You can disable animations for individual elements through the interface, or, disable them globally from the plugin settings.
Animations now use the ease timing function for smoother transitions. If you want an elastic or bounce effect, you can enable the Elastic timing-function for a more dynamic feel.
Now infinite loop works without adding fade when restarting the animation.
All attributes of scrollTrigger animations are now rendered in the optimized CSS.
Awwwards Animations
I’m excited to share the final update of the year for Fancy Animations! While it’s not a plugin update, this release will help you discover the full potential of Fancy Animations.
🎥 First, watch this video:
In this video, I explain how to use the “parent” and “get parent” options, which are essential for this release.
🆕 What’s new?
I’ve created a collection of templates featuring Awwwards-style animations. These templates will help you deeply understand how to create this type of animation and practice building your own.
When FA was first launched, it only included entry animations. However, it has grown significantly, adding key features like ScrollTrigger Animations, allowing you to create scroll-based animations without GSAP and without impacting your website’s loading times.
Although this feature has been available for a while, it was originally aimed at advanced users who work with classes. But with version V2.4.3, it’s now much more accessible for everyone. With these new templates, I’m confident you’ll stop seeing FA as just a simple animation plugin and start exploring its full potential.
I hope you enjoy this release and feel inspired to create even more amazing animations.
I’ve created a collection of templates featuring Awwwards-style animations. These templates will help you deeply understand how to create this type of animation and practice building your own.
ScrollTrigger UI
Enjoy a new graphical interface that makes scroll trigger animations easier than ever. Customize animations with intuitive controls for start, end, from, and to. Plus, options to reverse animations, disable them on mobile devices, and more.
Find the new option in the element style tab.
You can now add a span with classes to style your text without being affected by the ScrolllTrigger TextReveal animation.
Compatibility with Bricks Ajax filters
Now the entrance animations work with Bricks filters, at the end of the filter ajax request the animations will restart again, this will make your filters more attractive.
Now the animations are restarted when filtering, I recommend adding the no delay class for a better experience.
Bug fixes
Fixed a bug that prevented animations from running in the editor when text animations were disabled.