Grow your CSS skills. Land your dream job.

color change on hover problem

  • # January 16, 2013 at 7:33 am

    The background-color cant change because everything is ontop and covering the background. Im trying to have each icon change color with a bit of opacity on :hover. Any other ideas on how i can do this? heres what i want to edit. http://codepen.io/anon/full/ktrva

    # January 16, 2013 at 7:43 am

    Hover states really only apply to links and you don’t have any do you?

    # January 16, 2013 at 10:53 am

    You can add a :hover to the DIV elements. For UX reasons, make sure you add a “cursor”. Try adding this at the bottom of the CSS and then roll-over the Safari Icon. Is this what you are trying to do?

    #safari:hover { opacity: .85; cursor: pointer; }
    # January 16, 2013 at 1:50 pm

    @archetype that’s exactly what im trying to do. But it doesnt work for styled icons. only the plane ones.

Viewing 4 posts - 1 through 4 (of 4 total)

You must be logged in to reply to this topic.

*May or may not contain any actual "CSS" or "Tricks".