By Stephen Walker

The more I look at micro-interactions, sometimes CSS is just not enough (yet). I have started using motion.page (not an affiliate) more and more on this site and the more I use it, the more I like the possibilities. Avada has some basic animation available and for many things and sites it is sufficient, but it is very lacking when it comes to features like allowing the animation to be based on scrolling position, transitioning background colors, or interactivity. Motion.page, which is a UI-driven implementation of GreenSock, even in its early days is really powerful. If you are a JavaScript guru, using pure GreenSock adds even more capabilities (especially if you are a Club GreenSock member), but the developers at motion.page are adding new capabilities fairly regularly. I will say the learning curve can be a little more than some want to deal with, but if you do I don’t think you will be disappointed.

screenshot of the user interface

I plan to have a series of articles showing some basics, but the key with Avada is assigning class names or IDs or both to elements you want to target.

Originally published on April 17, 2022

share the article

Leave a Reply

This site uses Akismet to reduce spam. Learn how your comment data is processed.

RELATED ARTICLES

  • ScriptsOrganizer and Avada

    I had previously written about the plugin ScriptsOrganizer from DPlugins, but the recent update (3.4.2) makes it ideal for customizing Avada. The latest addition makes it possible to ingest all the CSS variables and makes them available for reference.

  • Plugin Possibilities – Webyx

    Thanks to Jamie Marsland for featuring a new plugin that allows for horizontally and vertically scrolling pages.

  • Remove RankMath Annoyance

    If you are a user of RankMath, I suspect you have encountered the annoying notification when you delete an item that is prompting you to set a redirect after you have deleted content. In and of itself, it is actually quite useful, but it doesn’t go away if you close […]

  • Plugin Recommendation: Ultimate Dashboard Pro

    Ever wanted more control of the admin area of WordPress? Check out this quick overview.

  • Plugin Update: wpDataTables

    In an unexpected move, wpDataTables is now integrated with Avada.

  • Plugin Recommendation: Scripts Organizer

    This is a short post just to make a recommendation to Avada users to consider using Scripts Organizer instead of the custom CSS and editing functions.php.