Crosshair Hover Box Widget

Add a unique hover effect over your images with the Crosshair Hover Box Widget.
Web Animation
Hover Box

Add multiple instances on one page

Add multiple instance of the hover box with unique styling for each instance.

Add any image

Add any image and set the responsiveness of the hover box via the built-in "Resize" option in Adobe Muse.

Set the gradient colors

Set the gradient colors and gradient angle for the hover box.

Customize crosshair and effect speed

Set the size and color of the crosshair, and how quickly it animates in on hover.


The widget works across all breakpoints and can be set to responsive width, responsive width and height, and stretch to browser width.

Multi-Browser Support

Google Chrome
Mozilla Firefox
Microsoft Edge
Internet Explorer IE 11+

Version 1.3

Version 1.3


  • Fixed issue with widget not resizing correctly in the latest version of Adobe Muse 2018.
  • Fixed issue with links be activated if two or more hover boxes with the same instance number were on the same page.
  • Image no longer needs to be cropped to be placed in widget. You can now use the image fitting option within the widget.
  • Image can now be scaled to fill, scaled to fit, or kept at its original size within the ‘Image Fitting’ option.
  • If image is kept at its original size it can be re-positioned within the widget options.
  • Removed minimum-width and maximum-width options. This option is no longer needed as you can set the responsive options for the hover box at different breakpoints.
  • Ability to change the font size for the hover box at a specific breakpoint.

Version 1.2


  • Widget now works with the built-in “Responsive Width and Height” option in Adobe Muse.

Version 1.1


  • Fixed issue with widget not resizing in Adobe Muse on Windows computers.