javascript Windows Trail on moving HTML/CSS [已关闭]

anauzrmj  于 2023-03-21  发布在  Java
关注(0)|答案(1)|浏览(85)

已关闭。此问题需要超过focused。当前不接受答案。
**想要改进此问题吗?**更新此问题,使其仅关注editing this post的一个问题。

12小时前关门了。
此帖子在12小时前编辑并提交审查。
Improve this question
我试图在我的网站上创建一个很酷的效果,使用HTML,CSS,也许还有一些JavaScript。
我希望使用图像和作为光标,并且希望当我在页面上移动鼠标时,它会留下一条轨迹。
我对JavaScript不是很有经验,所以如果你能给我一些例子,我会很感激。
我想使用的图像是一个旧的Windows错误消息,我想用它来填充页面。
有谁能帮我达到这个效果吗?谢谢!

6qftjkof

6qftjkof1#

不幸的是,现在原生CSS cursor不能原生地用于这种类型的事情 (例如:图像需要像图标一样非常小)
但是如果我们使用<img>方法,那么我们希望能够找到解决方案:

TLDR方案:

不需要任何复杂的数学或JavaScript
我们可以使用原生CSS属性transition-duration
并得到一些非常平滑的结果。

transition-duration: calc(
                          var(--i) * 0.02s /* increase the 0.2s if you want more effect, for example to 0.05s */
                         );

下面是我得到的结果:

演示代码如下:

x一个一个一个一个x一个一个二个一个x一个一个三个一个

相关问题