Modula Hover Effects

When you head to Modula Settings > Hover Effects you will see the above settings panel. In this area you can choose your gallery’s hover effect, which is essentially the animation or image behavior that users will experience when hovering their mouse of an image (without clicking). When you select a hover effect, like, for example, above we have selected Seemo you will be able to demo the effect on the image below.

!Important. As you might notice these hover effects are not visible when you view galleries on mobile devices – the reason for this is that it is not possible to determine what is classified as a hover on touchscreen devices as there is no mouse and no apparent way to hover over a touchscreen 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 proffered effect. There are over 40 options and are compatible with certain elements: Title, Description, Social icons.
  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, Social Icons. This effect will add an extra JS script to your gallery.
  41. Tilt Effect 2 -  This effect is compatible with: Title, Description, Social Icons. This effect will add an extra JS script to your gallery.
  42. Tilt Effect 3 - This effect is compatible with: Title, Description, 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.
Did this answer your question? Thanks for the feedback There was a problem submitting your feedback. Please try again later.

Still need help? Contact Us Contact Us