NFT preview card component with HTML and CSS

Community feedback

• 

  WandoCode•840

  @WandolePosted almost 2 years ago

  Hey,

  To add the shaddow behind the picture, you can use the ':before' on your div.image (not on the img itself since the tag can't have it).

  You put 'inset: 0' (shorthand for 'bottom', 'top', 'right', 'left') as property in the 'before' element and set a background color with opacity <1.0.

  If you never used ':before', got check how it work before! (You will need to set a content and the 'position' property if you want it to works).

  Otherwise, you can, as you said, create another div to make the shaddow. You place it inside of your div.image container and, as for ':before', you use a 'position:absolute' on it with 'inset:0' and a background with opacity.

  I hope it will help you!

  Marked as helpful

  1

  ---

  

  P

  Azzumar•340

  @AzzumarithmPosted almost 2 years ago

  @Wandole thanks for the help

  0