NFT preview card component using HTML and CSS

Community feedback

• 

  P

  Hazel Dotson•300

  @Hazel-BlackPosted almost 2 years ago

  This was very difficult for me as well what I did to get the color change was create 2 div's one serving as a parent to the div containing the SVG. for the parent div I used the css property background-image to place the hero image. for the child div ( which contained the SVG ) i gave it a back-ground color and change the opacity of the color by adding 0.534 to the hsl value. then I set the child to match the width and height of the parent and gave it an opacity of 0, finally i used the hover pseudo class on the child to return its opacity to 1.

  I really hope all that makes since if not slack me I'm happy to work through it with you :D

  Marked as helpful

  0

  ---

  

  Shubh Patel•110

  @ShubhPatel06Posted almost 2 years ago

  @Hazel-Black Thank you, i will give it a try.

  0

  

  P

  Hazel Dotson•300

  @Hazel-BlackPosted almost 2 years ago

  @ShubhPatel06 Great! Happy to help.

  0