Modula Hover Effects

As you navigate to Modula Settings > Hover Effects, you’ll find a dynamic settings panel. This is where you can choose your gallery’s hover effect, which is essentially the animation or image behavior that users will experience when they hover their mouse over an image (without clicking).

The beauty of this process is that you can see the effect in action immediately.

For example, when you select the Seemo hover effect, you can instantly see its impact on the image below.

When accessing galleries on mobile devices, please note that the hover effects will not be visible. This is due to the fact that hover actions are not applicable to touchscreen devices. Touchscreen devices lack a mouse, and there is no method to hover without clicking.

Cursor icon

Select the cursor you want to have on hover. You can choose between: 

  1. Pointer
  2. Magnifying glass
  3. Loading
  4. Cell
  5. Crosshair
  6. Resize 1
  7. Resize 2
  8. Custom (you can upload your own icon).
Hover effect

Choose your preferred effect. There are over 40 options, and they are compatible with certain elements: Title, Description, and Social icons. Click the effect’s name to see a demo.

  1. Pufrobo– This effect is compatible with:Title, Social Icons
  2. Under Image – This effect is compatible with: Title, Description, Social Icons
  3. Fluid Up – This effect is compatible with: Title, Description
  4. Hide – This effect is compatible with: Title, Description, Social Icons
  5. Quiet – This effect is compatible with: Title, Social Icons
  6. Catinelle – This effect is compatible with: Social Icons
  7. Reflex – This effect is compatible with: Title, Description, Social Icons
  8. Curtain – This effect is compatible with: Title, Social Icons
  9. Lens – This effect is compatible with: Title, Description, Social Icons
  10. Appear – This effect is compatible with: Title, Social Icons
  11. Crafty – This effect is compatible with: Title, Description
  12. Seemo – This effect is compatible with: Title, Social Icons
  13. Comodo – This effect is compatible with: Title, Social Icons
  14. Lily – This effect is compatible with: Title, Social Icons
  15. Sadie– This effect is compatible with: Title, Description, Social Icons
  16. Honey – This effect is compatible with: Title
  17. Layla – This effect is compatible with: Title, Description
  18. Zoe – This effect is compatible with: Title, Description, Social Icons
  19. Oscar – This effect is compatible with: Title, Description
  20. Marley – This effect is compatible with: Title, Description
  21. Ruby – This effect is compatible with: Title, Description, Social Icons
  22. Roxy – This effect is compatible with: Title, Description, Social Icons
  23. Bubba – This effect is compatible with: Title, Description, Social Icons
  24. Dexter – This effect is compatible with: Title, Description, Social Icons
  25. Sarah – This effect is compatible with: Title, Description, Social Icons
  26. Chico – This effect is compatible with: Title, Description, Social Icons
  27. Milo – This effect is compatible with: Title, Description
  28. Julia – This effect is compatible with: Title, Description, Social Icons
  29. Hera – This effect is compatible with: Title, Social Icons
  30. Winston – This effect is compatible with: Title, Social Icons
  31. Selena – This effect is compatible with: Title, Description, Social Icons
  32. Terry – This effect is compatible with: Title, Social Icons
  33. Phoebe – This effect is compatible with: Title, Social Icons
  34. Apollo – This effect is compatible with: Title, Description
  35. Steve – This effect is compatible with: Title, Description
  36. Jazz –  This effect is compatible with: Title, Description
  37. Ming – This effect is compatible with: Title, Description, Social Icons
  38. Lexi – This effect is compatible with: Title, Description
  39. Duke – This effect is compatible with: Title, Description
  40. Tilt Effect 1 – This effect is compatible with: Title, Description, and Social Icons. This effect will add an extra JS script to your gallery.
  41. Tilt Effect 2 –  This effect is compatible with Title, Description, and Social Icons. This effect will add an extra JS script to your gallery.
  42. Tilt Effect 3 – This effect is compatible with Title, Description, and Social Icons. This effect will add an extra JS script to your gallery.
  43. None – it will not display Caption/Title/Social buttons.
Hover color

Select the background color on hover.

Hover Opacity

With this option, you can decrease/increase the opacity.

Was this article helpful?
0 Yes 2 No