The Diagonal Slide Hover Box Widget allows you to add a unique hover effect over your images.
- Add multiple on one page
- Set the image to be responsive with the built-in 'Resize' option in Adobe Muse
- Set a maximum width and maximum height for the images
- Customize the color of the hover effect
- Set the speed of the hover effect
- Add text over the hover effect
- Set the color for the text
- Set the font size for the text
- Center the text within the image
- Align the text to the left, top, right, or bottom of the image
- Link image to an internal link, external link, or anchor point
- Open link in a new page
Diagonal Slide Hover Box Widget - 1.1 - 10-12-2016:
- Ability to add Tracking (Letter-Spacing) to the text.
Diagonal Slide Hover Box Widget - 1.1 - 10-13-2016:
- Ability to enable or disable the link on the hover box.
Diagonal Slide Hover Box Widget - 1.2 - 5-05-2017:
- Fixed issue with widget not resizing in Adobe Muse on Windows computers.
Diagonal Slide Hover Box Widget - 1.3 - 7-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.
Diagonal Slide Hover Box Widget - 1.4 - 12-06-2017:
- Fixed issue with widget not resizing correctly in the latest version of Adobe Muse 2018.
- Fixed issue with links being 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.
Simply add the widget to your Adobe Muse website, add image, style with widget options, and done!