Skip to content
Submitted over 2 years ago

This is a solution to the Chat app CSS illustration challenge

kmsan•480
@kentmichael
Preview site (opens in new tab)View code (opens in new tab)
This is a solution for...Chat app CSS illustration
  • HTML
  • CSS
3intermediate

Design comparison

SolutionDesign

Solution retrospective

See the chat interface animate on the initial load! Feel free to check my solution and report any error @twitter - @kentmichaels4n. You can also suggest anything, this will help me improve. Thanks!

Community feedback

  • Kaung Zin Hein•720
    @K4UNGPosted over 2 years ago

    Well done on this project. One thing I wanna point out is that the keyframes are a bit redundant. You can just use the same animation for all messages with different delays without identifying separate keyframes for all. Happy Coding!

    1
    kmsan•480
    @kentmichaelPosted over 2 years ago

    @K4UNG You're right! Sure will implement that. Thank you so much!

    0
  • Baptjack•110
    @BaptajckPosted over 2 years ago

    Well done!

    1
    kmsan•480
    @kentmichaelPosted over 2 years ago

    @Baptajck thank you so much!

    0
  • kelvinhe04•340
    @kelvinhe04Posted over 2 years ago

    Great Work!

    1
    kmsan•480
    @kentmichaelPosted over 2 years ago

    @kelvinhe04 thank you for appreciating my work!

    0

Please log in to post a comment

Log in with GitHub

Join 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