Crosshair Hover Box Widget
Add a unique hover effect over your images with the Crosshair Hover Box Widget.
Widget
Web Animation
Hover Box
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60ef7cdaa9f79553c701529d_muse-for-you-crosshair-hover-box-widget-header-min.png)
*Free with subscription
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60e3481fa0129711b03aeb04_muse-for-you-hover-box-instance-section.png)
Add multiple instances on one page
Add multiple instance of the hover box with unique styling for each instance.
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60e3482896521bd7646cd84a_muse-for-you-hover-box-image-section.png)
Add any image
Add any image and set the responsiveness of the hover box via the built-in "Resize" option in Adobe Muse.
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60ef7d44e6737c4014308d83_muse-for-you-crosshair-hover-box-widget-1.png)
Set the gradient colors
Set the gradient colors and gradient angle for the hover box.
![](https://assets.website-files.com/60e0bc8428dd160f6abd8a29/60ef7d464f0c1d6de57746a8_muse-for-you-crosshair-hover-box-widget-2.png)
Customize crosshair and effect speed
Set the size and color of the crosshair, and how quickly it animates in on hover.
Responsive-Ready
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
Safari
Opera
Microsoft Edge
Internet Explorer IE 11+
Version 1.3
Version 1.3
12.06.2017
- 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
07.02.2017
- Widget now works with the built-in “Responsive Width and Height” option in Adobe Muse.
Version 1.1
05.05.2017
- Fixed issue with widget not resizing in Adobe Muse on Windows computers.