![](https://res.cloudinary.com/dz209s6jk/image/upload/f_auto,q_auto,w_900/Screenshots/cug7rin8a4bg46tjprkx.jpg)
Design comparison
Solution retrospective
Hello there 🙋♂️
It was a nice challenge! I did it mainly to practice css animation with React, since I was a bit inexperienced in it and couldn't tackle bigger projects 😔
In fact, it turned out to be harder than I thought at first. The thing that helped me the most was forwards
value in animation-fill-mode
property (it makes the element retain the computed values set by the last keyframe). A real life-saver 😅
Another thing I practiced was writing clean code (well, at least I tried), not using extra properties or variables. Plus, I used sass @mixin
for the first time.
So, the overall experience was pretty gratifying!
P.S. Could someone tell me if you can use the word "animation" in plural in this context (see the first paragraph)? English is not my first language, and I'm a bit confused. 🙄
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