All comments

• 

  Gichure Maina•10

  @KyleGichezSubmitted almost 3 years ago

  Hello, my fellow developers, I hope you are doing fine. I have completed this project challenge using React library. However, I have encountered a problem with the hover effect on the image component. I have used the ":hover" CSS pseudo-class but the image does not respond according to the CSS property that I have provided in the styling. I am hoping that I will get help on how to go about solving this challenge. Any code reviews about my participation in this challenge are highly appreciated. Thanks in advance !!

  

  React js library

  1

  50
  

  Nitin Kumar Pandey•60

  @nitskpPosted almost 3 years ago

  I solved the same question, today. For the image hover effect, I superimposed a div blue in colour over the image. Using z-index when you hover, the blue div comes to the front along with the eye SVG. The transparency is set so the image becomes a bluish colour and is visible.

  Live Site

  Code

  Marked as helpful

  0

  This comment has received 1 replyShow