QR Code Component

Community feedback

• 

  Lucas 👾•104,340

  @correlucasPosted over 2 years ago

  Hi Soransh, congratulations for you QR Code challenge!

  I saw your live site and I liked what you did making it responsive even in really small screens like width: 150px and also the special touch with the image hover, the box-shadow that changes on hover, I can see that you paid attention to minimum details. Congrats!

  You can consider applying a soft box-shadow to dont make so evident the shadow, a value around the box-shadow below:

  box-shadow: 5px 5px 15px 5px rgb(0 0 0 / 2%);

  Also for the hover transition you should try ease / ease-in / ease-out to have a dynamic animation instead of using linear. If you want some animation effect dramatic you can try bezier, take a look on this article about css transitions if you're interested:

  https://www.w3schools.com/css/css3_transitions.asp

  I hope it helps you to improve your solution, keep coding!

  1