oHover Stack
oHover is a Scaleable & Light Image Hover CSS Stack library that allows you to easily implement scaleable image hover effects. Choose from over 40 hover effects and display your images like a pro.
Description.
Many site designs will feature varying types of image “hover” states, where an image or background image changes when you move your mouse cursor into that area of the page.
Traditionally, this change in image is handled via JavaScript. It’s fairly easy to write a small script that swaps out images on mouseover, but there are a number of disadvantages to this approach that have pushed many web developers toward using a CSS-only method of achieving this exact same effect, oHover does that perfectly.
Live demo.
Hud options.
oHover Settings
- Effect:
This is the effect yo choose for your oHover image you can choose from more than 40 effects. - Background:
You can choose a different background for every oHover instance you place. - Color:
Choose what color your text will have on the overlay background. - Enable URL:
This setting will enable the link configuration panel so that you can choose where to link the image. - oHover Link:
Choose your internal or External URL.
Supported Browsers
We test all our RapidWeaver stacks extensively on the following browsers to make sure they will display correctly for you. This stack in compatible with the following browsers:
- Apple Safari
- Mozilla Firefox
- Google Chrome
- Opera
- IE 11+
Stacks 3 Plugin is required to use this Stack