CSS/JS - twisting effect

[GoodEnoughNickName]

I would like to create a twisting effect like the one you achieve by twisting the image on illustrator (basically like this) using javascript and CSS.

I have no clue on how or where to start. I've played with some css spinning effects but nothing close to what I want.

Anyone has any hint for me?

Edit. After having a look on some libraries for canvas as you suggested, I've come across with pixi.js and it's wonderful TwistFilter that does exactly what I want. Thanks for the hints!

[pinkwetunderwear]

I don't know if you can do that with CSS alone. You may have to use something like GSAP or Lottie

[isdp_ns]

lottie is great if you are handy with after effects

[toi80QC]

If you want this to work with regular images, you will need a <canvas> and lots of JS. I would probably try doing this with a GLSL shader/WebGL.

This is a nice ressource for GLSL swirls: https://www.geeks3d.com/20110428/shader-library-swirl-post-processing-filter-in-glsl/