All comments

• 

  Jair Rodriguez•310

  @JairthSubmitted about 2 years ago

  I can't put the transitions :c

  

  CSS Flex

  2

  20
  

  Daniel•230

  @danielbrahPosted about 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