Smooth display none?

0 like 0 dislike
5 views
Hi!
How smoothly it is better to hide one block and show another smoothly at the touch of a button?
And then a few seconds smoothly return to the first block instead of the second?

Sandbox JsFidle

p.s. Found the topic on the toaster, but there are broken links on the solutions.
by | 5 views

5 Answers

0 like 0 dislike
https://jsfiddle.net/aq7994ho/1/ play with opacity and transition-delay or animation well to create
by
0 like 0 dislike
Here you have all kinds of examples.
\rcss3.bradshawenterprises.com/cfimg

Essence : create classes with animated transitions using css. Assign these classes to the element and enjoy the effect.
by
0 like 0 dislike
First animeready the disappearance of the block, then ask him display:none;
To show the unit, do the opposite. Ask him display:block, and then animeready his appearance.
There's nothing complicated or hidden knowledge, it's simple and straightforward.
by
0 like 0 dislike
Animate
by
0 like 0 dislike
by

Related questions

0 like 0 dislike
2 answers
0 like 0 dislike
3 answers
0 like 0 dislike
1 answer
0 like 0 dislike
3 answers
0 like 0 dislike
3 answers
110,608 questions
257,186 answers
0 comments
33,730 users