Chat app CSS illustration with Little Animation
Design comparison
Solution retrospective
Is that background curve okay?
Community feedback
- @adarshcodesPosted about 4 years ago
Hey @KrishnanPraveen, your solution is nice. And yes, your background curve is fine and the animation on the phone is also good. One thing I would suggest to you for the animation because it's just showing up and then started to pop-up, by using the
animation-delay
properties. By the way, I was checking out a solution to figure out how to do the curves and your solution helps me. So, Thank you bro🎉1@KrishnanPraveenPosted about 4 years ago@adarshcodes Thanks Bro... I am also not satisfied with the animation. I thought the animation will play bottom to top with opacity:0 to opacity:1. I don't have that much of knowledge in animation.
0@adarshcodesPosted about 4 years ago@KrishnanPraveen just add one more line
animation-fill-mode: backwards;
to youranim_part-2
toanim_part_8
classes and your are good to go. It's works fine. You don't need to add animation delay, it will become more complicated.0@KrishnanPraveenPosted about 4 years ago@adarshcodes Thanks a lot bro... I will do that...
1@KrishnanPraveenPosted about 4 years ago@adarshcodes i saw all your works... that's all excellent bro
0@adarshcodesPosted about 4 years ago@KrishnanPraveen Thank you brother! I'm glad to see you like my work😃
0 - @Dark-LoverPosted about 4 years ago
good job ;)
0
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