Jump to content

[SOLVED] How to do this 'effect'?


unsider

Recommended Posts

I'm sure some of you have heard of newgrounds, well they have a cool little hover effect.

 

http://www.newgrounds.com/

 

Navigate down to Site News, and Featured Movies, and hover over a link to one of the articles. Notice the effect that takes place as you are doing so.

 

How is this done? I'm assuming it just creates an aboslute background box that just changes colors on rollover, but I'm not certain.

 

If you don't feel like explaining, what is it called, and how can I find out more/how to do it?

 

Thanks. Any speculation is appreciated as well. 

Link to comment
https://forums.phpfreaks.com/topic/113331-solved-how-to-do-this-effect/
Share on other sites

They are using CSS and the pseudo class ":hover".

 

You can look at their code to find an example.........

 

simple you add css to elements, giving them pseudo classes.

 

td {
background-color: red;
}

td:hover {
  background-color: blue;
}

<td>Background color changes on mouseover.</td>

 

Note, this example above probably won't work in IE.  IE needs <a> tags in order to support the pseudo :hover I believe.

Archived

This topic is now archived and is closed to further replies.

×
×
  • Create New...

Important Information

We have placed cookies on your device to help make this website better. You can adjust your cookie settings, otherwise we'll assume you're okay to continue.