EverWeb Widgets

Scale & Tint On Hover


Hero Widgets

Hero Image - Scale & Tint

The Hero Image is full width, fixed height responsive and can have a scale or tint animation - or both - on hover when viewed on computers. The transparent , colored overlay can appear either on page load or on hover.
In the hover state on computers, there is an optional heading and CTA style link tab which are centered both horizontally and vertically. They appear on page load when viewed on a tablet device. They have many styling options and the link can be configured to open an internal or external page in a new window if required.
The overlay has three separate opacity controls for setting the transparency on page load, on hover and on mobile.
There are two sliders for setting the scale amount - one for on hover and the other for on mobile.
Like the other Hero media widgets, there is a control for adjusting the image scroll rate to be slower than the rest of the content to give a parllax scrolling effect.

© EverWeb Widgets -