CSS Hovering Effects


All at one place!

Experience the wide collection of hovering effects, pick the one you like, use it in your website! No packages, No downloads!

Text Colour Change

Background Colour

Hover me
Fade In

Hover me
Grow

Hover me
Shrink

Hover me
Rotate Element

Hover me
To circle

Hover me
Inset Border

Hover me
Text Size

Hover Me
Float

Hover Me
ExpandY

Hover Me
ExpandX

Hover Me
Sink

Hover Me
Horizontal Effects

Hover Me
Vertical Effects

Hover Me
Bounce

Hover Me
Icon Name

Save

How do I add this to my website?

  1. Click on the effect you want to use.
  2. Copy the code from below & paste it in your css file.
  3. Use the same class & id in your HTML!
  4. Yay! As simple as possible!