JS/CSS库根据指针位置

Question

我见过这样的事情在这里动画背景是什么？这是某种图书馆吗？因为我在网站上找不到任何可以给我提示的东西，所以这是如何实现的。

Answer 1

这有点隐藏，但我能找到他们用于这种效果的脚本。所以，这里是：http://mdfield.net/assets/js/geo.js

Answer 2

这可以用画布来实现。背景中的动画可能使用类似PhysicsJS的东西，但会花一些编码！

鼠标指针下面的面具是相当简单的，并在这里演示了：Animated image mask following mouse in HTML

你需要改变形象，虽然作为placekitten.com似乎并不奏效：

img.src = 'http://placehold.it/500/500'; 

Answer 3

我通过在我的modularfield.net页面上创建此效果，使用本教程获取灵感：http://tympanus.net/codrops/2014/09/23/animated-background-headers/

科隆的问候