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

2 votes243 views2 answers
Image rendering css
CSS
23 votes241 views3 answers
Placeholder color in css
CSS
1 vote256 views1 answer
How to verticaly align items in a HTML container
CSS
37 votes241 views1 answer
Trumping
CSS
0 vote236 views1 answer
Change link color in wordpress
CSS
0 vote230 views1 answer
Css put background on top of another background image
CSS
0 vote245 views1 answer
Col
CSS
4 votes267 views2 answers
Increase the size of an image on hover using css
CSS
0 vote235 views1 answer
Wordpress page css not working
CSS
6 votes246 views2 answers
Remove button default border css
CSS