I'm looking for a way to create a really subtle 'glow' effect around an element on hover. Obviously this could be achieved with a rollover image, but I want it to look more like a transition rather than an on/off effect.
Sounds like a job for -moz-box-shadow and -webkit-box-shadow. With -moz... you could use jQuery to animate it's size and color (I think?). With -webkit you could use webkit transitions to have the "glow" intensify on hover.
If you check the nav on this page you'll see what I mean:
http://www.portlandstudios.com/
Has anyone come across any css tricks / js plugins to achieve this?
Thanks in advance!