NFT Preview Card

Community feedback

• 

  Ivan Mercedes•270

  @DraghonitePosted almost 3 years ago

  Your solution is near pixel-picture, nice work; unlike mine, it's response on mobile.

  I find that there's a weird jitter effect in the overlay due to the transition; my preference would be to get rid of the transition on the overlay, but keep it on the "eye"-con.

  As to how the box-shadow properties work, that's quite the read: https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow.

  Marked as helpful

  1

  ---

  

  Jordan•180

  @GitNuttsPosted almost 3 years ago

  @Draghonite Thanks. I don't think removing the transition on the overlay makes any difference. The jitter effect is because when you hover over the "eye" there is no overlay and I don't think there's a way to change that due to z-index?

  0
• 

  Edgar•220

  @edgarbp95Posted almost 3 years ago

  /* offset-x | offset-y | blur-radius | spread-radius | color */

  try to give a blur-radius and spread-radius. Some like that: box-shadow: 0 25px 50px 15px #0c1729;

  it works to me. I hope to be helpful.

  0