This question is marked as non-topic (apparently because it recommends or finds a tool, library or favorite resource outside the site ), but I do not understand why. This, of course, is not a tool recommendation or anything like that. I just would like to know if it is possible to do something, and if so: how.
Let's say we have a regular HTML page, and we want to apply some graphic effect to it for a while, and then return to the previous form, as if nothing had happened.
The effect that I mean looks something like this:

Are there any jQuery plugins (because there seems to be a jQuery plugin for everything) that can do this? Is it even doable with HTML5 or CSS3 (I care about supporting legacy browsers)?
The only thing I could come up with was to replace the page with some kind of image, and then apply the conversion to that image, but this doesnโt seem like a very good solution, because it will be impossible for the image to look exactly like the user sees ( since the content of the page is usually dynamic).
Ok, so CSS3 has this transform thing, but for what I see, it provides only relatively simple transforms. How about my case of twisting and squeezing?
source share