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

0 vote407 views1 answer
Css make all text center
CSS
2 votes333 views2 answers
How to give 2 different background color css
CSS
11 votes365 views6 answers
Warning: LF will be replaced by CRLF in
CSS
0 vote384 views1 answer
Chrome extension css
CSS
41 votes356 views4 answers
How to center text in css
CSS
6 votes360 views2 answers
Remove button default border css
CSS
1 vote342 views1 answer
Spaces not showing in p tag
CSS
27 votes365 views4 answers
Css keyframes
CSS
8 votes424 views3 answers
Bootstrap 4 center image
CSS Bootstrap
1 vote353 views1 answer
Css after not working
CSS