image-distortion-effect-using-threejs

You can customize the distortion effect by changing the attribute's value of class "canvas-container". Here are attributes:
=> data-grid
=> data-mouse
=> data-strength
=> data-relaxation
One thing to keep in mind that we have put Image in Embed because we have added a cross-origin attribute.
Feel free to reach if for suggestions or if you have any problems while implementing this.
Credit: Yuri Artiukh for sharing the in codrops.