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

4 votes121 views1 answer
Linear gradient instagram
CSS
10 votes139 views2 answers
How to include one css file in another
CSS
9 votes155 views4 answers
How to stop form from submitting on enter
CSS
43 votes131 views4 answers
Text limit in css
CSS
0 vote137 views1 answer
Css scroll fixed content
CSS
0 vote137 views1 answer
Matrix css
CSS
19 votes136 views3 answers
Change input placeholder text css
CSS
1 vote146 views1 answer
Vendor prefix in css
CSS
23 votes150 views5 answers
Center div using flex
CSS
4 votes154 views1 answer
Flexbox center and space between
CSS