Skip to content
OverviewSolutions
9
Comments
1

Daniel

@danielbrah230 points

I’m a mysterious individual who has yet to fill out my bio. One thing’s for certain: I love writing front-end code!

Latest solutions

View more solutions

Latest comments

  • Daniel•230
    @danielbrahPosted over 2 years ago

    For the hover state, I would change the following code:

    .card__img:hover::before {
   display: block;
}

    to this:

    .card__img:hover::before {
  opacity: 0.4;
}

    Under the .card__img::before selector, change the following properties: opacity: 0.4; to opacity: 0;, and display: none; to display: block

    Then you can add your transition for the opacity property! The transition does not work for the display property. The display property was basically swapped for the opacity property in the hover state for .card__img::before.

    Marked as helpful
    1