这种弹性效果如何实现？

问题描述：

来自这个网站：http://waaark.com/当鼠标经过它们时，块元素的弹性效果如何实现？例如粉红色和蓝色的块。这种弹性效果如何实现？

他们在后台使用[Canvas]（https://developer.mozilla.org/de/docs/Web/HTML/Canvas）来绘制效果。但你也可以使用svg这个[摆动弹性动画在Html]（http://*.com/questions/33518430） –

https://codepen.io/waaark/pen/ENRvvq – Elena

答

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

答

通过使用Chrome内置的Inspector查看该页面，可以使用<canvas>标记来呈现效果。我会想象他们正在寻找一个mousemove事件并基于此来渲染到画布。你可以缩小这个JS文件来弄清楚他们是如何做到的。 http://waaark.com/wp-content/cache/min/1/e36c0a27f3c428762918cb2a4338507c.js

这种弹性效果如何实现？

相关推荐