I have seen several sites using JQuery or some other JS library to fade from the :link state to the :hover state. Is there a simple script for doing this that doesn't involve any extra class, id's or the like?

3 answers

1
point
This was chosen as the best answer

Ok, found out how this was being done. I was reluctant to use a complex script or any hack since this is one of those detail things which is nice, but unnecessary.

Apparently, there's a web-kit only feature:

-webkit-transition: color 0.15s ease-out;
Answered over 9 years ago by Ben Shoults
slf 10
2
points
$("#go").mouseover(function(){
      $("#block").animate({ 
                borderWidth: "10px" // or whatever hover properties
      }, 1500 );
    });

$("#go").mouseout(function(){
      $("#block").animate({ 
                borderWidth: "0px" // undo what you did
      }, 1500 );
    });
Answered over 9 years ago by slf
  • $(a).mouseover(etc... danwellman over 9 years ago
mahalie 33
0
points

An animated .gif background for :hover would be an easy hack ;)

Answered over 9 years ago by mahalie