Forums

The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS How to make CSS "rollover" links when hovering? Reply To: How to make CSS "rollover" links when hovering?

#160146
Jason
Participant

Hi, Paulie, thanks for responding!

They’re kind of like the links on http://www.therealfranktaaffe.com/ ….

Those links are relative remedial for people here, but were accomplished by doing this:

#footer a:hover {
    color: white;
    background-color: #36C0FF;
    -moz-transition: all .6s linear;
    -webkit-transition: all .6s linear;
    -o-transition: all .6s linear;
    transition: all .6s linear;
    text-decoration: none;
    outline: none;
}

But instead of just changing color in a block-form with a fade transition as in these links, I would like the links to kind of “rotate” … literally, as if you were in bed, rolling over from one side to the other.

Does that make sense? I really wish I’d have bookmarked the websites where I have seen these.

Thanks again for taking the time to respond!