Crosshair Text Reveal Hover Box Widget

Add a unique hover effect over your images with the Crosshair Text Reveal 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 colors and effect speed

Set the color for the hover box, and the speed of the effect when the user hovers.

Customize crosshair and effect speed

Set the size and color of the crosshair.

Style the text for the hover box

Choose from various styling options for the text. Options include - font color, font size, font weight, font style, text transform, leading, and tracking.

Change font size at a specific breakpoint

Within the "Breakpoint" section you can set the font size when the browser is a certain width.

Change font type in Adobe Muse

Set the font type for the hover box by selecting any web font from the built-in Adobe Muse "Text" option.


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.0