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

15 votes293 views3 answers
Loops scss
CSS
0 vote268 views1 answer
Codemirror resizable
CSS
2 votes267 views2 answers
Half circle css
CSS
0 vote244 views2 answers
Transparent input box
CSS
0 vote263 views1 answer
How to save scss file
CSS
2 votes317 views1 answer
Https request
CSS
0 vote267 views1 answer
Crop image instead of resize css
CSS
16 votes293 views4 answers
Full page background image in html
CSS
0 vote265 views1 answer
Format hexagonal css get
CSS
0 vote240 views1 answer
Como tirar a sidebar css
CSS