How can I get my chat to animate from right to left when someone talks?

Looking to find a way to animate the text on my chat so that it animates right to left when a new message is typed every time.

.chat_line {
    animation: slide-left 0.4s ease;

@keyframes slide-left {
    0% {
        opacity: 0;
        transform: translateX(100%);
    100% {
        opacity: 1;
        transform: translateX(0px);
1 Like

This topic was automatically closed 14 days after the last reply. New replies are no longer allowed.