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 vote125 views3 answers
Font-style
CSS
6 votes145 views2 answers
Div inline grid 100% width
CSS
0 vote130 views1 answer
Ratio bootstrap
CSS
3 votes95 views1 answer
Css margin bottom not working
CSS
5 votes134 views2 answers
Scss hover
CSS
3 votes134 views1 answer
Convert angular project from css to scss
CSS
0 vote143 views1 answer
React html height 100%
CSS
0 vote143 views1 answer
Css start animation on hover
CSS
1 vote142 views2 answers
Media max height css
CSS
1 vote140 views1 answer
Remove line accordion material ui
CSS