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 vote227 views1 answer
Separar letras en css
CSS
-1 vote265 views1 answer
Change font size on large screen resolution bootstrap
CSS
0 vote246 views1 answer
Css lobotomized owl
CSS
0 vote208 views1 answer
When change size image not change contrast css
CSS
0 vote218 views1 answer
React wrapper component
CSS
63 votes220 views5 answers
Html position absolute center
CSS
0 vote213 views1 answer
Css orange color
CSS
34 votes216 views4 answers
Hide element using css
CSS
0 vote207 views1 answer
Rotate icon
CSS
0 vote223 views2 answers
Css removing title popups
CSS