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.

Stacks Image 680

Hello World

Life is too important to be taken seriously!
Stacks Image 685

Hello World

Life is too important to be taken seriously!
Stacks Image 690

Hello World

Life is too important to be taken seriously!
Stacks Image 695

Hello World

Life is too important to be taken seriously!
Stacks Image 700

Hello World

Life is too important to be taken seriously!
Stacks Image 705

Hello World

Life is too important to be taken seriously!
Stacks Image 710

Hello World

Life is too important to be taken seriously!
Stacks Image 715

Hello World

Life is too important to be taken seriously!
Stacks Image 720

Hello World

Life is too important to be taken seriously!
Stacks Image 725

Hello World

Life is too important to be taken seriously!
Stacks Image 730

Hello World

Life is too important to be taken seriously!
Stacks Image 735

Hello World

Life is too important to be taken seriously!
Stacks Image 740

Hello World

Life is too important to be taken seriously!
Stacks Image 745

Hello World

Life is too important to be taken seriously!
Stacks Image 750

Hello World

Life is too important to be taken seriously!
Stacks Image 755

Hello World

Life is too important to be taken seriously!
Stacks Image 760

Hello World

Life is too important to be taken seriously!
Stacks Image 765

Hello World

Life is too important to be taken seriously!
Stacks Image 770

Hello World

Life is too important to be taken seriously!
Stacks Image 775

Hello World

Life is too important to be taken seriously!
Stacks Image 780

Hello World

Life is too important to be taken seriously!
Stacks Image 785

Hello World

Life is too important to be taken seriously!
Stacks Image 790

Hello World

Life is too important to be taken seriously!
Stacks Image 795

Hello World

Life is too important to be taken seriously!
Stacks Image 800

Hello World

Life is too important to be taken seriously!
Stacks Image 805

Hello World

Life is too important to be taken seriously!
Stacks Image 810

Hello World

Life is too important to be taken seriously!
Stacks Image 815

Hello World

Life is too important to be taken seriously!
Stacks Image 820

Hello World

Life is too important to be taken seriously!
Stacks Image 825

Hello World

Life is too important to be taken seriously!
Stacks Image 830

Hello World

Life is too important to be taken seriously!
Stacks Image 835

Hello World

Life is too important to be taken seriously!
Stacks Image 840

Hello World

Life is too important to be taken seriously!
Stacks Image 845

Hello World

Life is too important to be taken seriously!
Stacks Image 850

Hello World

Life is too important to be taken seriously!
Stacks Image 855

Hello World

Life is too important to be taken seriously!
Stacks Image 860

Hello World

Life is too important to be taken seriously!
Stacks Image 865

Hello World

Life is too important to be taken seriously!
Stacks Image 870

Hello World

Life is too important to be taken seriously!
Stacks Image 875

Hello World

Life is too important to be taken seriously!
Stacks Image 880

Hello World

Life is too important to be taken seriously!
Stacks Image 885

Hello World

Life is too important to be taken seriously!
Stacks Image 890

Hello World

Life is too important to be taken seriously!
Stacks Image 895

Hello World

Life is too important to be taken seriously!

Hud options.

Stacks Image 272
Stacks Image 666

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