Back to home

Link hover effects

These are a variety of potential link hover effects to add interactivity to the Robb Report website redesign. The following creative link effects were taken from here .

There are more options available, but these hover effects were the least obtrusive and seemed the most refined. These effects were also done with pure CSS.

Expanding brackets (cl-effect-1)

Translucent bottom border coming up, text colour change (cl-effect-3)

Bottom border coming up, no text change (cl-effect-17)

Thick bottom border coming down (cl-effect-4)

Top & bottom borders, rising up motion (cl-effect-7)

Top & bottom borders, drifting in motion + text change (cl-effect-21)

Hover-appear mini-description (cl-effect-9)