当部分在屏幕上可见时，CSS 动画仅播放一次

Question

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

页面加载时出现在标题中的只是典型的带有延迟或其他东西的css动画。但是，当您向下滚动并且其他部分可见时，动画会再次出现并且仅出现一次。可以用纯 CSS 做还是需要包含 JS？

Answer 1

你说的是滚动上的浮动动画吗？如果是，可以使用 CSS 来完成，但可能还需要一些 javascript，具体取决于您设置动画的要求。你可以阅读更多关于它的信息here。

或者，您也可以使用this 来轻松完成您的工作！但是，由于您希望动画只显示一次，您可能需要使用 javascript 进行一些更改。