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 vote292 views1 answer
Centering items in react css
CSS
0 vote308 views1 answer
Move element on new line css
CSS
2 votes270 views1 answer
Beautiful navigation bar css
CSS
1 vote277 views1 answer
Css div fill whole page
CSS
1 vote292 views3 answers
Jquery set div height dynamically
CSS
1 vote363 views2 answers
Change nav background color on scroll css without bootstrap
CSS Bootstrap
0 vote300 views1 answer
Website copyright example
CSS
0 vote280 views1 answer
How to select classes that start with a certian name
CSS
120 votes295 views6 answers
Font-weight css
CSS
0 vote300 views1 answer
Html5 video hide timeline bar
CSS