Warning: file_get_contents(/data/phpspider/zhask/data//catemap/9/javascript/395.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Javascript 映射五个圆的数组,并高亮显示当前要映射的元素_Javascript_Css_Arrays_Reactjs_Animation - Fatal编程技术网

Javascript 映射五个圆的数组,并高亮显示当前要映射的元素

Javascript 映射五个圆的数组,并高亮显示当前要映射的元素,javascript,css,arrays,reactjs,animation,Javascript,Css,Arrays,Reactjs,Animation,我已经创建了5个圆,我需要为它们添加动画。我希望能够在每个圆圈上等待半秒钟,并突出显示一个橙色,使其看起来像进度条类型的东西。目前,我有5个div来显示5个圆。我不太确定如何处理这个来制作动画,我需要一些帮助。我已经发布了5个圆圈的截图。应用程序正在使用ReactJS。谢谢您应该阅读有关css关键帧的内容。这是在没有任何javascript的情况下制作动画的简单而好的方法。我来看看,不熟悉它

我已经创建了5个圆,我需要为它们添加动画。我希望能够在每个圆圈上等待半秒钟,并突出显示一个橙色,使其看起来像进度条类型的东西。目前,我有5个div来显示5个圆。我不太确定如何处理这个来制作动画,我需要一些帮助。我已经发布了5个圆圈的截图。应用程序正在使用ReactJS。谢谢

您应该阅读有关css关键帧的内容。这是在没有任何javascript的情况下制作动画的简单而好的方法。

我来看看,不熟悉它