This effect will add an extra JS script to your gallery.
![css hover effects cursor css hover effects cursor](https://i.ytimg.com/vi/uprZMdVl-aQ/maxresdefault.jpg)
![css hover effects cursor css hover effects cursor](https://i.ytimg.com/vi/d2ubY_TBK28/maxresdefault.jpg)
Roxy - This effect is compatible with: Title, Description, Social Icons.Ruby - This effect is compatible with: Title, Description, Social Icons.Marley - This effect is compatible with: Title, Description.Oscar - This effect is compatible with: Title, Description.Zoe - This effect is compatible with: Title, Description, Social Icons.Layla - This effect is compatible with: Title, Description.
![css hover effects cursor css hover effects cursor](https://i0.wp.com/codemyui.com/wp-content/uploads/2018/01/bouncy-link-hover-follow-effect.gif)
Honey - This effect is compatible with: Title.Sadie- This effect is compatible with: Title, Description, Social Icons.Lily - This effect is compatible with: Title, Social Icons.Comodo - This effect is compatible with: Title, Social Icons.Seemo - This effect is compatible with: Title, Social Icons.Crafty - This effect is compatible with: Title, Description.Appear - This effect is compatible with: Title, Social Icons.Lens - This effect is compatible with: Title, Description, Social Icons.Curtain - This effect is compatible with: Title, Social Icons.Reflex - This effect is compatible with: Title, Description, Social Icons.Catinelle - This effect is compatible with: Social Icons.Quiet - This effect is compatible with: Title, Social Icons.Hide - This effect is compatible with: Title, Description, Social Icons.Fluid Up - This effect is compatible with: Title, Description.Under Image - This effect is compatible with: Title, Description, Social Icons.Pufrobo- This effect is compatible with: Title, Social Icons.There are over 40 options and are compatible with certain elements: Title, Description, Social icons. Hover effect - choose your proffered effect.Cursor icon - select the cursor you want to have on hover.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. 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. 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).
![css hover effects cursor css hover effects cursor](https://d33v4339jhl8k0.cloudfront.net/docs/assets/56372e7ec697910ae05efe8d/images/5f58c25a4cedfd00173b6338/file-l4uXfphN2N.jpg)
When you head to Modula Settings > Hover Effects you will see the above settings panel.