All comments

• 

  Faruq Hameed• 190

  @Faruq-Hameed

  Submitted about 2 years ago

  Having the hover effect at the center of the top image. Also the colour of the icon view (eye) is also being affected by the opacity. How can I get it to appear in as the original after applying the opacity to the hover effect.

  

  CSS grid, flex, positioning

  2

  40

  

  Ace Z. Alba• 160

  @acezalba

  Posted about 2 years ago

  For the transparency on hover, instead of changing the opacity, try using background-color: rgba(), the value being the transparent version of your hsl() color in line 46 of your style.css.

  See the following stackoverflow: https://stackoverflow.com/questions/28169502/prevent-image-transparent-inside-a-transparent-div

  0