Forums

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

Home Forums CSS Trouble with child div hover transitions

  • This topic is empty.
Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #287064
    rnbutler87
    Participant

    Initially, I just want to remove the filter effect from these 3 sections, to reveal the original image. But the info in each section is also transitioning, even though it’s not set to “transition: all”, it’s specifically transition: filter…. Here is the code pen:

    https://codepen.io/rnbutler87/pen/pBBEGP

    The specific transition CSS is at the bottom of the CSS code. I’m obviously missing something, could someone point me in the right direction? I don’t want the text to disappears and reappear, only the filter to change.

    Any help would be massively appreciated.

    Many thanks,

    #287066
    rnbutler87
    Participant

    I fixed it – It was a z-index thing – specifying the z index of the text elements (siblings of the image div) fixed the problem

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