Home › Forums › CSS › How to make CSS "rollover" links when hovering? › Reply To: How to make CSS "rollover" links when hovering?
January 11, 2014 at 3:24 pm
#160146
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!