当屏幕上显示部分时,CSS动画仅播放一次

时间:2020-08-26 12:05:34

标签: javascript html css animation css-animations

我受到这个网站的启发:https://brittanychiang.com/,尤其是动画。

加载页面时显示在标题上的只是带有延迟或某些情况的典型CSS动画。但是,当您向下滚动并看到其他部分时,动画将再次出现且仅出现一次。您可以使用纯CSS还是需要包含JS?

2 个答案:

答案 0 :(得分:1)

您是在谈论滚动动画吗?如果是,则可以使用CSS来完成,但根据您的要求还可能需要一些JavaScript来设置动画。您可以详细了解here

或者,您也可以使用this轻松完成工作!但是,由于您只希望动画显示一次,因此您可能必须使用javascript进行一些更改。

答案 1 :(得分:0)

如果您对CSS非常了解,那么您可以使用基本的JS技能来做到这一点,或者您可以用纯CSS来完成95%的工作...