Can I apply the twist & squeeze transformation to an entire HTML document?

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:

Floating page

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?

+6
source share
1 answer

tl; dr: You can write CSS3 animations for <html> or <body> .

http://www.sitepoint.com/how-to-create-full-page-animations-using-css/

+3
source

Source: https://habr.com/ru/post/956529/


All Articles