Answer the question
In order to leave comments, you need to log in
Animation implementation examples from 'display': 'block' to 'display': 'none'?
I would like to look at examples not just from opacity: 1
to opacity: 0
with transition
, but something more interesting. Tried to look for it myself, but somehow dull. Can you at least tell me where to look or what to google?
Answer the question
In order to leave comments, you need to log in
Use transform, for example for the default menu dropdown list the following values:
.menu {
visibility: hidden;
will-change: transform, opacity;
opacity: 0;
transition: all 0.4s ease-in-out;
/* сама анимация движения */
transform: perspective(210px) rotateX(5deg);
}
opacity: 1;
visibility: visible;
transform: rotateX(0);
Animation implementation examples from 'display': 'block' to 'display': 'none'?
fadeIn, FadeOut, and SlideIn, SlideOut. everything is customizable and customizable for every taste.
Didn't find what you were looking for?
Ask your questionAsk a Question
731 491 924 answers to any question