Looking to hire developers?
Submitted
@ApplePieGiraffe
Hey, everybody! 👋
This was a very fun challenge from which I learned to carefully think about how I markup things in HTML and position them in CSS. 🤔
I borrowed some animations from Animate.css and played around with the animation-duration property to create a messaging animation in the phone (which I really think adds some life to the page). 🎉
I'm also rather pleased that my code didn't end up too messy or disorganized after attempting a CSS illustration like this. 😉
As always, feedback is on both my solution and my code is both welcome and greatly appreciated! 👍
Happy coding! 😄
@karenefereyan
Posted
This Animation looks nice. I should practice adding animations more to my projects
@ApplePieGiraffe
Posted
@karenefereyan
Thanks! 😀 Definitely give animations a go! They are lots of fun! 👍
@dwddgsz
Posted
Hello!
Really like those animations, they are simple and cool. I didn't know about Animatie.css so I'll check this out.
I would also add some pulse effect to this input, but maybe it would be too much.
Anyway, good job
@ApplePieGiraffe
Posted
@dwddgsz
Thank you very much!
@mattstuddert
Posted
Another great solution, ApplePieGiraffe! 🙌
I like that you played around with Animate.css to add in those animations. It's a great little animation library! As you mentioned, your code is well organised and the end product looks great.
Keep it up! 👍
@ApplePieGiraffe
Posted
@mattstuddert
Thank you very much!
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
