Hover glow effect?

[SnapshotMedia]

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.

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!

[Chris Coyier]

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.

[Author]

Posts