JS / CSS庫根據指針位置為背景設置動畫

Question

我在這里看到過類似的東西： http : //modularfield.net/tapes

怎么做？ 這是圖書館嗎？ 因為我在網站上找不到任何可以提示的內容，所以如何實現。

Answer 1

它有點埋頭，但我能夠找到他們用於該效果的腳本。 因此，這里是： http : //mdfield.net/assets/js/geo.js

Answer 2

這可以通過畫布來實現。 后台的動畫可能使用的是PhysicsJS之類的東西，但需要一些編碼！

鼠標指針后面的遮罩相當簡單，在此處進行了演示： HTML中鼠標后面的動畫圖像遮罩

您將需要更改圖像，因為placekitten.com似乎不起作用：

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

Answer 3

我通過在我的modulefield.net頁面上創建此效果來從本教程中獲取靈感： http ://tympanus.net/codrops/2014/09/23/animated-background-headers/

來自科隆的問候