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?


Hi, Paulie, thanks for responding!

They’re kind of like the links on ….

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!