Our reporter did not find any issues in this project! 🎉
Submitted
Chat App CSS Illustration With Messaging Animation
P
ApplePieGiraffe• 30,105
@ApplePieGiraffe
Design comparison
Reports
Accessibility report (0)
ApplePieGiraffe’s questions for the community
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! 😄
Community feedback
karenefereyan• 375
@karenefereyan
Posted
This Animation looks nice. I should practice adding animations more to my projects
1
P
ApplePieGiraffe• 30,105
@ApplePieGiraffe
Posted
@karenefereyan
Thanks! 😀 Definitely give animations a go! They are lots of fun! 👍
0
Dawid• 440
@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
1
P
ApplePieGiraffe• 30,105
@ApplePieGiraffe
Posted
@dwddgsz
Thank you very much!
0
P
Matt Studdert• 13,591
@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! 👍
1
P
ApplePieGiraffe• 30,105
@ApplePieGiraffe
Posted
@mattstuddert
Thank you very much!
0
Please log in to post a comment
Log in with GitHub
Join our Slack community
Join over 180,000 people taking the challenges, talking about their code, helping each other, and chatting about all things front-end!