html - 如何创建一个充满移动 'nodes'并响应鼠标移动的网站背景?

标签 html css animation graphics onmouseover

我需要将公司网站的背景更改为由移动“节点”(想想科技网络)组成的图形,这些节点也响应鼠标移动。例如,附加的图像具有我们正在考虑的“节点”,但我们想要做的事情不适用于简单的图像/视频。我猜测它需要某种 HTML 和 CSS 代码,以便它能够响应附近的鼠标,并且“节点”将在鼠标周围展开。我不知道从哪里开始。这看起来更像是图形设计,我什至知道如何编码,但如果有人有任何想法、链接等,请告诉我!谢谢。 This is the link to the example of the node network thing.

最佳答案

我认为您正在寻找这样的东西:https://vincentgarreau.com/particles.js/

或者,还有一些其他选项: https://greensock.com/forums/topic/17320-background-parallax-effect-on-mouse-move/

很酷的东西!玩得开心!

关于html - 如何创建一个充满移动 'nodes'并响应鼠标移动的网站背景?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/51619667/

相关文章:

css - Internet Explorer 添加内联样式到列表

css - 字体在 Chrome 上不起作用

swift - 如何在 iMessage 贴纸扩展中包含动画 png 序列?

javascript - 动画 SVG + 跨浏览器兼容性

css - IE9 CSS float :right Bug?

html - 创建现代形式、可访问等的最佳实践是什么?特别是,标签与占位符之争

html - 在 HTML 页面的 CSS 中创建样式别名

android旋转动画在中断时获取当前角度/度数

javascript - 在一页上启用水平和垂直滚动

jquery - .val() 无法按预期使用按钮。输入[类型=按钮]