这必须是显示文字的最佳方式之一。 每个字母仅在鼠标移动时出现。快速移动,文本快速,移动缓慢,外观缓慢。
接近并实施此方法的最佳方式是什么?
Example (向下滚动一次,然后移动鼠标)
非常感谢你的帮助!
答案 0 :(得分:1)
只要查看示例,您就可以看到每个字母都在自己的div
中呈现。您可以像控制任何DOM节点一样控制每个div的渲染。
无论您移动鼠标的速度有多快,移动都会以固定的速度发生。因此,单帧速率和持续时间只有一个动画。有效地移动鼠标可控制"播放/暂停"功能。
所以你必须创建每个字母的动画作为更大动画的一部分。然后,您需要收听鼠标事件以了解鼠标是否在移动。如果是,则播放动画。如果没有,那就暂停吧。
这是简短的高级答案。也许其他人可以用一些代码来帮助你。