Diagonal Slide Hover Box
Download
View Demo
Free with subscription

Diagonal Slide Hover Box

Add a unique hover effect over your images with the Diagonal Slide Hover Box Widget.
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.
Set the colors and effect speed

Set the colors and effect speed

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

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.
Set the alignment for the text

Set the alignment for the text

Set the alignment of the text within the hover box. Text can be placed in the top left, top right, bottom left, or bottom right.
Change font size at a specific breakpoint

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

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.
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.
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.
  • Added “Font Styling” and “Text Transform” options for the text.
Version 1.1
05.05.2017
  • Fixed issue with widget not resizing in Adobe Muse on Windows computers.