I had difficulties with the hover main img color

Community feedback

• 

  xmat•160

  @mati0165Posted about 2 years ago

  Hi, i will tell you how to change the icon of eye to white. U have it white, but u change the opacity of every element in your div, so the opacity is also on the eye. For fix the problem with eye not being white there is an easy solution

  • For first u have to your background be transparent, not div as u had in your code, for that u will have to add 50% as ur 4th value to hsl:

  .overlay {
  background-color: hsl(178, 100%, 50%, 50%);
  } 
  

  • then u change ur opacity at hover to 1

  .container:hover .overlay {
    opacity: 1;
  }
  

  I think that solved your problem.

  Marked as helpful

  1

  ---

  

  raz hershko•100

  @razh23398Posted about 2 years ago

  @mati0165 wow, you are the best ! it did solve the problem.

  0