How sliding animation comes when a page opens?

Question

I have several buttons in a page, each buttons opening to another page, how to make this opening with sliding animation

Answer 1

Krzysztof Bujak
Thanks a lot 😊

Answer 2

If you want to have achieve a sliding effect - try to use animation with left/right: 0px to another minus value, and transition for left/right.

Generally there are a lot of ways, try to experiment.

Answer 3

Krzysztof Bujak

Answer 4

Here is examples with animations and transitions:

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Animations/Using_CSS_animations

https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Transitions/Using_CSS_transitions

Answer 5

I am a beginner so, Could you please write an example...?