NFT Preview Card Challenge (nearly solved)

Community feedback

• 

  Mohammed Lahboub•570

  @mohammedlahboubPosted over 2 years ago

  Hey @rezokip you did already good To make the view icon appears on hover, just deleted and and add a background-image to the .hover-container and it should work fine ( i tried it in my chrome dev tools ).

    .hover-container:hover {
               background-position: center;
               background-image: url(images/icon-view.svg);
               background-repeat: no-repeat; }
  

  Marked as helpful

  0

  ---

  

  Kipo•80

  @rezokipPosted over 2 years ago

  @mohammedlahboub Hey thanks for the reply. I got It... but the eye-icon is a little bit dark if i hover over it. I think it is because i have opacity set on the greenish background color? but if i take the opacity out then the dice image is not visible...

  0

  

  Mohammed Lahboub•570

  @mohammedlahboubPosted over 2 years ago

  @rezokip Yeah you can remove the opacity:0.5 from the div.hovercontainerand use

  background-color: hsla(178, 100%, 50%,0.5);

  the a is alpha is a number between 0 and 1 . 0 is full transparent and 1 is full opacity so u only change the opacity of the background color not the image

  Hope u find my comments helpful

  Marked as helpful

  0

  

  Kipo•80

  @rezokipPosted over 2 years ago

  @mohammedlahboub got it.. Thank you for your help 🙂

  0