The Lodge is members-only design/dev videos and Office Hours.

Next Office Hours Session: "Implementing an SVG Icon System" Nov 30 - 6:00 PM Eastern

Hover glow effect?

  • # January 4, 2010 at 7:18 am

    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:

    Has anyone come across any css tricks / js plugins to achieve this?

    Thanks in advance!

    # January 4, 2010 at 8:14 am

    The css part of it is easy you would just need to create a background image with the hover effect you want,

    #nav a:hover{

    This way it wouldn’t be as smooth as it is on that flash site, but there is a way to do it in jquery. as I recall it is very easy to do. just search fade in.
    I got this off of the jquery website. its not what you need because this shows hidden divs, but it would look similar.

    $(document.body).click(function () {
Viewing 2 posts - 1 through 2 (of 2 total)

You must be logged in to reply to this topic.

There's a whole bunch of content on CSS-Tricks.

Search for Stuff   •   Browse the Archives

Get the Newsletter ... or get the RSS feed