如何在 CSS 中制作擦除动画?

How do I make an erasing animation in CSS?

我有一个用 CSS 和 HTML 设计的网页,显示黑板上写的东西。

当用户点击主页上的 link 时,我希望用户看到一只拿着抹布的大手,就像擦除内容以显示新网页一样。

是否可以仅使用 CSS 实现此动画?如果没有,那么我该如何在 Javascript 中执行此操作?

我想你可以尝试用 CSS3 @keyframes rule 来做到这一点,方法是使用一些带有除尘器的大手的图像从一侧移动到另一侧并擦除内容。