NFT preview card using basic css

Community feedback

• 

  Kimue•200

  @dratinixgithubPosted over 2 years ago

  I just noticed that, and looks so weird to be a feature. Anyway, i did something to 'add' that Try to use this web app to create the shadow blur effect that you want.

  https://html-css-js.com/css/generator/box-shadow/

  Then, copy the css code that gives you and put it on a new .shadow class in the style. Finally, add shadow class to your container class in the main

  Ex: <div class="container"> turns into ---- <div class="container shadow">

  1
• 

  Rodrigo Mayer•80

  @r-mayerPosted over 2 years ago

  Hey! Just to contribute:

  there is a box-shadow, and the tips that @Kimue said are very useful.

  In my case, I put the box-shadow property directly in my '.card' class (the container of the card, in my code - but Kimue's solution is more interesting to be reused throughout the code), and i used the following values:

  box-shadow: 1px 2px 15px hsla(216, 66%, 8%, 0.5);

  i choose these values just looking for the design picture. You can try e see if you like the result

  0