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

16 votes278 views2 answers
How to set background image 100 height
CSS
27 votes287 views6 answers
Import font css
CSS
1 vote266 views1 answer
Pixel to inches
CSS
23 votes280 views5 answers
Image rotate css
CSS
0 vote294 views1 answer
Media queries and or conditions
CSS
0 vote279 views1 answer
Place image on top right inside flex css
CSS
23 votes295 views4 answers
Css gradient border
CSS
2 votes275 views1 answer
Transform:translateX()
CSS
0 vote291 views1 answer
React wrapper component
CSS