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 vote180 views1 answer
Media query not working with rem
CSS
0 vote172 views1 answer
White border css
CSS
2 votes162 views1 answer
How to make html element not selectable
CSS
0 vote166 views1 answer
Constraint barrier example
CSS
4 votes209 views1 answer
Bootstrap file select class
CSS Bootstrap
1 vote182 views2 answers
Brightness css
CSS
0 vote165 views1 answer
Css content from data attribute
CSS
27 votes181 views3 answers
Align div to center of screen
CSS
0 vote186 views2 answers
Adding font in nextjs
CSS
0 vote182 views2 answers
Css cards
CSS