nextJS styled-components Rock-Paper-Scissors-Game

Community feedback

• 

  Warren•630

  @warrenleePosted over 2 years ago

  Hey Mateus, good on job on tackling the challenge. I also had a go at least and I agree, coding the layout is easy as there is a lot of tweaking with the positions in order to get them in the right places. With the box-shadow, I think you've nailed it there and I would recommend spreading them out evenly, like have spread out in multiples of 30 and add a transition property to give it that smooth spread when appearing.

  box-shadow: 
      rgba(255, 255, 255, 0.09) 0px 0px 0px 30px, 
      rgba(255, 255, 255, 0.06) 0px 0px 0px 60px, 
      rgba(255, 255, 255, 0.03) 0px 0px 0px 90px;
  transition: box-shadow 500ms ease;
  

  Hope that helps!

  Marked as helpful

  0