The visual presentation of a website is a crucial aspect of the success of your business. Besides making your online project more attention-grabbing, animation and visual effects can improve your site’s usability and boost its performance. It’s also an effective and clever move for every business that wants to capture users’ attention and make them stay for longer while browsing the content. Whatever goal you follow, using the Visual Effects and Animation Kit plugin, you can make your business look more striking.
The plugin represents a collection of 6 handy modules that let 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 functionality can be used on a range of blogs, portfolios, personal and corporate businesses. The Visual Effects and Animation Kit will match web and creative agencies, marketing & advertising services, business consultants, website design, mobile development companies, creative bureau, UX/UI Design agencies, etc.
Visual Effects and Animation Kit plugin includes a collection of 6 modules, which you can access and modify once the plugin is installed and activated on your website.
So, the modules included in the plugin are:
- Mouse helper;
- Image effects;
- Image mask;
- Dynamic background;
- Background text;
- Background slides.
By default, all modules are enabled.
Mouse Helper
The mouse helper module is a handy solution for everyone looking forward to making their websites more user-friendly. With its help, you can add dynamic suggestions to any page of your site. Users will see suggestions while hovering the mouse over different objects on your site. Using extra settings, you can take full control over the way the mouse helper will work on your site.
You need to activate the mouse helper module to start using it. By default, it inherits your site’s theme’s background color and the text color. You may feel free to customize the cursor image, background color, border color, text color, and delay just the way you wish.
Image Effects
The module lets you add custom hover effects to the images that you share on your site. Once you activate the image effects module, you can add the following effects on mouseover:
- Waves
- Ripple
- Swap
- Tint
- Smudge
All image effects are fully customizable. You can apply custom settings to every image in particular so that the image effect will show up differently from other visual effects on your site.
Image Mask
The Image Mask module lets you use any transparent PNG or SVG image as a mask for any object of your website, including sections, widgets, and columns.
While using the module to apply visual effects on your website, you need to mind the opacity color of the image used as a mask. You will be able to achieve better transparency of the masked objects when the image features a mode transparent color in a definite part of it. In the Image Mask module settings, you can adjust the mask size, position, and repeat.
Dynamic Background
The Dynamic Background module lets you add stunning custom layouts to some sections of your site. It lets you adjust the background of your web page to be gradually filled with color as a user scrolls down the page.
The Dynamic Background effect can be added to icons, titles, texts, and images. However, you cannot apply it to sections and columns. To add the effect to your web page, you need to choose a page element that will be a starting point. You also need to choose another element and set it as the End point. By doing so, you make the dynamic background effect begin when a user reaches the starting breakpoint and finish when the user reaches the end breakpoint.
Background Text
If you are looking for an easy way to add animated background text lines to the specified rows of your website, the Background Text module will come in handy for you.
The module lets you adjust the animated background effect with the custom text, the font family, font color, size, text shadows, and other characteristics. In the module settings panel, you can adjust the following customization options:
- The Top and Left offset, which lets you adjust the shift point is the top left corner of a section;
- Entrance effect that manages the way the text will appear on the page:
- Slide – symbols appear one by one from left to right;
- Rotate – symbols rotate one by one from top to bottom;
- Marquee speed, which adjusts the scrolling speed;
- Overlay image and Overlay position to place an image (.png) over a background text line to add a “texture” effect to it.
Background Slides
The last but not the least impressive module included in the Visual Effects & Animation Kit plugin is the Background Slides module. It lets add an unlimited number of background images to one row and adjust them in the form of a slideshow. The duration of the slideshow can be customized according to your needs.
The module includes advanced customization settings, which let you add the easing effect, slide effect, direction, and manage the way the effect will be added to every particular slide. Additionally, you can adjust the following setting of the Background Slides module:
- Overlay color, which adds a transparent color layer to tint the created slideshow;
- Animation duration adjusts the time at which slides interchange;
- Slide size – the size of the cover;
- Slide effect, i.e. the way the slide will show up:
- Zoom in/out;
- Infinite in/out – alternate continuous zooming in/out;
- None – a slide without any effect;
- Slide origin – select the exact location at which the effect is applied to the image.
Making your website more striking and attention-grabbing is quicker and easier when you equip your site with the right functionality. The Visual Effects & Animation Kit plugin is one of such innovative and multi-purpose solutions that let you enhance your site’s pages with impressive visual effects and animation.
By choosing this plugin, you can save extra cash on the download of niche-specific visual effect modules for your site.
The plugin includes 6 useful modules that will make your personal or business site more attention-grabbing.
