
Submitted almost 3 years ago
Pixel perfect with popup and fancy loading and hover animations
#accessibility#bem#sass/scss
@GrzywN
Design comparison
SolutionDesign
Solution retrospective
I improved my previous solution by improving almost everything. Now with figma and better experience I was able to create pixel perfect or almost pixel perfect solution to this challenge and I'm really proud of it.
Things I included in this solution:
- On load animations for image and text
- QR code popup with black glassy background (with animations)
- Better responsiveness (it's not perfect)
To open the popup, you need to click on the image. To close it, you need to click anywhere outside the image.
I learned a lot about animations and trasitions doing this challenge and I recommend you guys to try making more and more fancy animations in your future projects.
Any feedback is welcome here!
Community feedback
Please log in to post a comment
Log in with GitHubJoin our Discord community
Join thousands of Frontend Mentor community members taking the challenges, sharing resources, helping each other, and chatting about all things front-end!
Join our Discord