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

26 votes199 views4 answers
How to move text up and down in html
CSS
51 votes196 views5 answers
Css reset
CSS
2 votes198 views1 answer
How to make animation stay on 100%
CSS
0 vote221 views1 answer
When grepper whas created
CSS
1 vote212 views2 answers
Centralizar div verticalmente css
CSS
2 votes206 views1 answer
Cool hover effects css
CSS
0 vote215 views1 answer
How to include css in handlebars
CSS
0 vote255 views1 answer
How to make bootstrap cards same height css trics
CSS Bootstrap
0 vote222 views1 answer
Css how to center a link
CSS
1 vote273 views1 answer
Ion-select background color
CSS