1. Home
  2. Features
  3. Animation Effects
  4. Hover Slider
  5. Hover Slider Fade Effect

How To Add The Hover Slide With The Fade Effect

Any Animation Library starts with Fade. The Hover Slider also has the Fade Preset, which you can add for the Transition from the default slide of the Hover to the Hover Slider. You can modify the Fade properties in the Property Panel, click on the Hover Slide link. You can also add the Hover Slider as an Element from the Add Menu.

Browse By Feature Categories

Web Page Elements
Supported Systems
Visual Page Editor
Design Elements
Media Libraries
Element Properties
Responsive
Animation Effects
Theme Settings
Contact Form
Header & Footer
Blog
E-Commerce
SEO
Custom Code
Application Features
Site & Page Properties
WordPress Widgets

Everything You Need To Create Your Free Website

Use our Website Builder to design and create websites without coding. Drag and drop anything you want, to any place you want it. The Website Creator automatically adapts your website for mobile to make it responsive. Choose from more than 15,000 customisable website templates.

Download for Windows Download for Mac

Related Features

Hover Slider Zoom Effect

Zooming is also very natural, as we are living the ear of cameras everywhere, and you can use the Zoom Effect on the Hover Slider. Go to the Property Panel, and choose the Zoom Preset for the Hover Slider Element. Modify its properties if needed.
Hover Slider Wobble Effect

You can attract the attention of your website visitor by the Wobble Effect used for the Hover Slider. To use the Effect go to the Property Panel's Hover Slider link, and select the Wobble Preset. Additionally, you can fine-tune Transparency, Duration, and Direction.
Hover Slider Over Effect

The Hover Slider usually shows the different Elements on Hover. You can add the Slide Over Effect if you go to the Property Panel, and edit the Hover Slider properties for the selected Group. You add the Hover Slider Element from the Add Menu. You can also modify the Direction and Duration if needed.
Hover Slider Flip Effect

Flipping also makes an interesting impact on interaction on web pages. Using Flip Effect on the Hover may attract attention, and wow your visitors. To set the Flip Effect for the Hover Slider, go to the Property Panel's Hover Slider section, and select the Flip Preset.
Hover Slider Slide Effect

The Slide Effect for the Hover Slider shows the natural slide movement that adds live interaction to your design. Apply the Slide Effect for the Hover Slider Element in the Hover Slider properties. Test by selecting the Hover Slider in the Editor and hovering the Element.
Company
Product
Themes & Templates
Nicepage
Web Design