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 vote366 views1 answer
Mat stepper custom css
CSS
0 vote432 views1 answer
How to make multiple borders using box shadow in css
CSS
2 votes369 views2 answers
Aspect ratio css
CSS
3 votes374 views2 answers
How to align elements horizontally in css
CSS
8 votes366 views1 answer
When hover target diffrent element
CSS
22 votes377 views2 answers
Disable user select css
CSS
2 votes420 views1 answer
Bootstrap 5 auto darkmode 5
CSS Bootstrap
50 votes341 views6 answers
Css align center
CSS
0 vote363 views3 answers
Css class selector
CSS
0 vote395 views1 answer
Css saturate
CSS