All comments

• 

  Jair Rodriguez•310

  @JairthSubmitted over 2 years ago

  I can't put the transitions :c

  

  CSS Flex

  2

  20
  

  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

  This comment has received 3 repliesShow