The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS A CSS method to expand a container to reveal a half obscured/clipped image.

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
  • #253125

    Hi, just thought I’d share this as was asked to create 2 side by side images that are revealed on hover, without moving. Its not perfect, I can’t get the container to see the height so no clearfix, any suggestions? I’m going to try jQuery on it as clipping seems to be the way to go with this, again any suggestions welcome.

    Using it temporarily on this page

    Heres the code:


    Heres is the clip-path method.

    I solved the clearfix issue by placing another copy of one of the images above the absolute positioned divs, floating it, setting its opacity to 0 and clearing the footer below! Cheeky but fair I reckon.

Viewing 2 posts - 1 through 2 (of 2 total)
  • The forum ‘CSS’ is closed to new topics and replies.