Animated page opening when clicking on a link?

Question

css

Tell me the solution in css: clicking on the link animatedly-smoothly opens and displays the page from the bottom of the monitor window. It's great if there is a link to an example code for such an implementation, perhaps there are ready-made css libraries.

Answer 1

click on link

this is js, not about css. Perhaps now there are ninjas who, through :active, will start to fence the bike, but it will be from the category of "this is how I can do it."
So you track the click event in js, hang the class on the block, and you can already make the animation in css using this class.

Answer 2

unless you can, hang it on body{opacity:0;} and change this value on page load...
you can't do it on css - css doesn't know browser events onload , onclick , etc....

Answer 3

Ideally, all page content should be placed in a common block container. However, as mentioned earlier, you can also animate the body tag itself.
The most primitive implementation is here , but to complicate it, you will already need JS