Time an element to disappear css

@keyframes myAnimation{
  0%{
    opacity: 1;
    transform: rotateX(90deg);
  }
  50%{
    opacity: 0.5;
    transform: rotateX(0deg);
  }
  100%{
    display: none;
    opacity: 0;
    transform: rotateX(90deg);
  }
}

#myelement{
    animation-name: myAnimation;
    animation-duration: 2000ms;
    animation-fill-mode: forwards;
}

Source: stackoverflow.com

Similar codes

1 vote355 views2 answers
What does clearfix for floats do in css
CSS
3 votes280 views1 answer
Css sass run
CSS
0 vote313 views2 answers
Jquery css add important
CSS
0 vote283 views1 answer
Css input spaces between
CSS
-1 vote292 views5 answers
Add tailwind to next
CSS
1 vote306 views1 answer
Gatsby hide scrollbar
CSS
1 vote309 views1 answer
Edit hover with sass
CSS
17 votes331 views1 answer
Yarn problem
CSS
12 votes292 views6 answers
Responsive text
CSS
0 vote294 views1 answer
Css add required asterisk after
CSS