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
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.

Link to comment
Share on other sites

This thread is more than a year old. Please don't revive it unless you have something important to add.

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Restore formatting

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

×
×
  • 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.