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 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.
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 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
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.
Internet Explorer IE 11+
Last updated on 12.06.2017