Grow your CSS skills. Land your dream job.

hovering divs to push others and display a hidden div.

  • # January 8, 2013 at 5:50 pm

    http://codepen.io/anon/pen/GEHol

    Like that, But I need the blue “hidden” box to push the other content boxes inside the container. I’ve tried floats and inline-blocks… Not sure what I am missing.

    For the purpose I need it for, I have 200×200 thumbnails of my work. I’d like to be able to hover over it then display a info box to the right of it.

    # January 8, 2013 at 5:59 pm

    Actually just got it working. Mistake was in the markup.

    http://codepen.io/anon/pen/GEHol

    Fixed version for anyone who might need to see the same thing. Trick in CSS is to use the “+” selector. Making the .image:hover target the next child of the same parent.

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

You must be logged in to reply to this topic.

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