在React中连续上下移动图像



我正在制作一个react网站,其中有一个图像,我希望以一定的速度(就像在这个网站上(不断上下移动,以向用户发出信号,这是一个向下滚动页面的按钮。我似乎找不到一个好的方法来做到这一点,所以我想知道实现这一点的好方法是什么?

一个简单的方法是css动画。

例如:

.moveArrow {
animation-name : mymove;
animation-iteration-count : infinite;
animation-direction : alternate;
animation-duration : 2s;
}
@keyframes mymove {
from {transform: translateY(0px);}
to {transform: translateY(20px};}
}

Mymove是一个css动画,如果你给你的箭头类.moveArrow,它会应用动画,在交替的方向上运行无限次。

最新更新