[Aros12]

I added a highlight feature to my forum so when your mouse scrolls down the various rows within the forum categories it changes color. I like it, but it's merely either an "on" or "off" state.

This is the code:

.topic-item:hover {background-color:#f1f2f3;}

.forum-item:hover {background-color:#f1f2f3;}

You can see it in action at http://www.hobbysquawk.com/

What I am looking for is a gradual process where the onmouseover color appears to fade in quickly, and then fade out when your mouse is no longer within the row. You can see the effect I am looking for at http://www.seahawks.net/

I'm trying to find the CSS code to add to the additional that will allow this subtle effect, versus a simple "on/off" state. Thanks in advance!