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

6 votes180 views2 answers
Div inline grid 100% width
CSS
1 vote191 views2 answers
Css disabled hover none
CSS
3 votes178 views3 answers
Have background color and background image css
CSS
0 vote203 views2 answers
How to use font awesome unicode in css
CSS
0 vote201 views1 answer
Vsc css autocomplet
CSS
0 vote199 views1 answer
Justify-self
CSS
0 vote221 views1 answer
Css beutify scroller
CSS
0 vote186 views1 answer
Webkit css audio code
CSS
0 vote200 views1 answer
Jquery hide scrollbar but allow scrolling
CSS
0 vote181 views1 answer
Html how to ensure that the header always on top
CSS