这种弹性效果如何实现?

时间:2016-06-10 14:22:53

标签: javascript jquery html css

从这个网站:http://waaark.com/当鼠标经过它们时,块元素的弹性效果如何?例如粉红色和蓝色的块。

2 个答案:

答案 0 :(得分:0)

http://tympanus.net/Development/ElasticSVGElements/< - 这可能会给你一个起点。

答案 1 :(得分:0)

通过Chrome浏览器内置的Inspector查看该页面,可以使用<canvas>标记来渲染效果。我想象他们正在看一个mousemove事件并基于此渲染到画布。您可以缩小此JS文件以确切了解它们是如何进行的。 http://waaark.com/wp-content/cache/min/1/e36c0a27f3c428762918cb2a4338507c.js