Javascript 添加动画以反应滑块

我有一个非常简单的反应滑块。在幻灯片之间有一个导航选项。我想添加一个滑动动画。最好，我不想使用任何库，如果可能的话，使用css/gsap的解决方案将非常好

导出默认函数滑块（{slides}:Props）{
const[current，setCurrent]=useState（0）；
常量更改幻灯片=（i:number）=>setCurrent（i）；
返回(

{slides.map（（幻灯片，i:number）=>(

{slide.name}
{slide.content}

))}

{slides.map（（幻灯片，i:number）=>(
更改幻灯片（i）}
/>
))}
);
}

以下是我的网站的外观：

因此，当我单击下面的按钮来更改幻灯片时，下一张幻灯片应该会滑入。提前谢谢！非常感谢您的帮助