Login Account Hi, {{ user.obj.first_name }}
{{ cart.items.length }}
Your Cart
{{ cart.items.length }}
 Widgets Tutorials Templates About Hosting Webflow Learn UI Design Contact FAQ Subscribe
Crosshair Hover Box
Download
View Demo
Free with subscription

Crosshair Hover Box

Web Animation, Hover Box
Add a unique hover effect over your images with the Crosshair Hover Box Widget.
View Tutorial
Add multiple instances on one page

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

Add any image and set the responsiveness of the hover box via the built-in "Resize" option in Adobe Muse. Link hover box to an internal link, external link, or anchor point.
Set the gradient colors

Set the gradient colors

Set the gradient colors and gradient angle for the hover box.
Customize crosshair and effect speed

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
Last updated on 12.06.2017

Make Better Websites, Starting Today.

All access pass for only $49/year.
Subscribe
Browse Widgets
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.