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 vote175 views1 answer
Css change class name start with
CSS
0 vote147 views1 answer
Mac input shadow
CSS
2 votes152 views1 answer
Space between li css
CSS
0 vote155 views1 answer
Css all clases which start with col-
CSS
0 vote153 views1 answer
Mediaquery for portrate
CSS
3 votes151 views2 answers
Css crop image to circle
CSS
1 vote187 views2 answers
Css disabled hover none
CSS
0 vote146 views1 answer
Css animation scale image
CSS
18 votes113 views2 answers
Hover transition css
CSS
9 votes136 views3 answers
Bootstrap blue outline button
CSS