我怎样才能像流媒体聊天一样制作动画

Question

我是视频编辑，除了分号之外，我对编程一无所知。

我想为短片制作一个流聊天，所以我尝试了这个视频（https://youtu.be/brpycRerhhw?t=19），我在很多帮助下制作了它（下面有一个代码）。但我不能制作动画的东西。 有什么我可以做的吗？如何制作动画？请帮忙。

import React, {Component, Fragment} from 'react';
import Messagebox from './messagebox';

const Chatbox = ({messages}) => {
    const style = {
        position:"absolute",
        right:"1vw",
        bottom:"0vh",
        width:"30vw",
        height:"10vh",
        background:"transparent",
        color:"#eeeeee",
        padding:"0vw 1vw",
        overflow:"hidden",
        textAlign:"left",
        borderTop:"solid 0vm transparent",
        "text-shadow": "1px 1px 2px black"
    }
//"-1px 0 #000, 0 1px #000, 1px 0 #000, 0 -1px #000"
    const messageboxes = messages.map(({username, t}, i) => (
        <Messagebox username={username} key={i}>
            {t}
        </Messagebox>
    ))      

    return (
        <div style={style} className="chatbox">
            
            {messageboxes}
        </div>
    )
}

export default Chatbox;