How can I animate an existing element when appending a new one?
I am attempting to create a chatroom animation where new messages are generated automatically.
Here is my codepen link for your reference.
https://codepen.io/hackett-lai/pen/MWzdeBB
1) I am looking for a smooth "push up" animation effect for the previous messages when a new message is created.
2) I also want my message to grow from the bottom of the div. Currently, I have achieved the visual effect, but I feel like there might be a better way to implement it.
Thanks all
Here is my codepen link for your reference.
https://codepen.io/hackett-lai/pen/MWzdeBB
1) I am looking for a smooth "push up" animation effect for the previous messages when a new message is created.
2) I also want my message to grow from the bottom of the div. Currently, I have achieved the visual effect, but I feel like there might be a better way to implement it.
Thanks all
A friendly place for developers to meet other devs, ask questions, get help, and just have a good time 🙂.
36,263Members
Resources
Similar Threads
Was this page helpful?
