Header-logo Created with Sketch.
JoomlaShine users move to Quix and grab up to 80% discounts!
💡 Quix Course
Enroll to our comprehensive Quix course here

Hover Effect

Hover effect is one of the most coolest effect to be added to your site. Hover effect is the change of the color or image when your put mouse cursor over it.

Hover effect comes with a few options including solid colors, gradient colors, image etc. Moreover, you can apply hover effect without any existing background color or image.

Hover In Background

To add this effect in the background of section, row, column and element, you can go through the following steps.

  • Go to the settings option
  • Go to Styles tab or Advanced tab
  • Find Background
  • You’ll find 2 options - Normal and Hover
  • Select Hover
  • Now set the color or image you want in hover effect

Hover On Border & Box Shadow

You can add this effect for border and box shadow too. This will add a more drastic style in your webpage. To add the effect, follow these steps.

  • Go to the settings option
  • Go to Styles tab or Advanced tab
  • Find Border & Box Shadow
  • You’ll find 2 options - Normal and Hover
  • Select Hover
  • Now set the color or image you want in hover effect

On This Page