Visual Effects & Animation Kit for Elementor Plugin Review
Whatever kind of business you will bring online it will look more catching and outstanding once you update your site’s pages with visual effects. These serve as impressive attention-grabbers that can improve your site’s usability and make users stay on your site for longer. If you are looking for the best plugin that would add a more captivating look and feel to your Elementor-based website, consider using Visual Effects and Animation Kit.
It’s a WordPress plugin made for the Elementor page builder. Once installed and activated on a website, it lets you enhance the visual appeal of your project with non-standard effects and animation, including mouse helpers, image hover effects, image mask, dynamic background, background text, background scrolling text, and background slideshows. The plugin will come in handy for a wide range of topic-specific websites. It can spice up pages of the web and creative agencies, marketing & advertising services, business consultant, website design, mobile development company, creative bureau, UX/UI Design agency, etc. The plugin will come in handy for blogs, personal web pages, portfolios, and corporate websites.
There are several handy modules for creating different effects available in the theme’s download package. You will be able to access the entire list of modules once the Visual Effects & Animation Kit is installed and activated on your website.
To check and manage the available modules, navigate Appearance (WP Dashboard) > ThemeREX Effects > General. By default, all modules are enabled.
So, the modules included in the plugin are:
Let’s take a closer look at each of them.
Contents
Mouse Helper
With the help of the Mouse Helper module, you can add dynamic suggestions to your web pages. The suggestions show up when a user hovers the mouse over different objects on your site. The module also features extra settings, which let you take full control of how the functionality will be displayed on your site.
Once the module is activated, the Mouse Helper will appear in the respective section in the Appearance (WP Dashboard) > ThemeREX Effects in your WordPress dashboard. By default, the mouse helper inherits your site’s theme’s background color and the text color.
Image Effects
The Image Effects module lets you add custom hover effects to your site’s images. As the name of the module suggests, with its help, you can add custom hover effects to the images available on your site. To start using the module, you need to activate it first. Once done, the Image Effects section will show up in the Elementor widgets panel for Elementor “Image” widget under the Content tab. This is where you can find image effects inside Elementor:
The available image effects that you can add to your website include the following:
Image Mask
The Image Mask module lets you use any transparent PNG or SVG image as a mask for any Elementor object, including sections, widgets, and columns.
When using the module, pay attention to the opacity color of the image used as a mask. The masked object will look more transparent when the image features a mode transparent color in a definite part of it. The image mask settings include the following options in the Elementor dashboard:
Dynamic Background
If you want to spice up your website’s backgrounds, the next module is just what you need. With the help of dynamic backgrounds, you can add stunning background effects to some page elements. With its help, you can adjust the background of your web page to be gradually filled with color as a user scrolls down the page.
Similar to other modules in the Visual Effects & Animation Kit, the dynamic background section will be added under the Advanced tab to the Elementor widgets’ settings right after its activation. You can apply the effect to such page elements as icons, titles, texts, images, etc. It doesn’t work with sections and columns.
To add the dynamic background effect to your web page, you need to choose a page element, click on it, and specify it as a starting point in the Elementor settings. It will also ask you to add the rest of parameters like ID, background effect, background color, delay, etс. Once done, you need to choose another element and set it as the Endpoint. In such a way, the dynamic background effect will begin when a user reaches the starting breakpoint and finish when the end breakpoint is reached.
Background Text
As the module’s name suggests, it lets you add animated background text lines to the specified Elementor rows.
To start working with the module, open your web page through the Elementor page builder, locate the section to which you’d like to add the background text functionality, and then click on Edit Section > Advanced > Background text in the Elementor widgets panel. This is where you can adjust the text, its color, font family and size, text shadow and other characteristics of the background text effect.
The background text customization options include:
Background Slides
The module lets you add an unlimited number of background images to the Elementor row and showcase them in the form of a slideshow. Using the Elementor settings, you can adjust the duration of the slideshow.
The module differs from the default Elementor “Background – Slideshow” widget. It includes advanced customization settings, including the opportunity to add the easing effect, slide effect, direction, and how the effect will be added to each slide separately. To add the background slides effect, navigate Edit Section > Advanced > Background slideshow and adjust the required parameters.
