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 vote145 views1 answer
Css list line spacing
CSS
1 vote151 views1 answer
Why is my css code not working
CSS
0 vote194 views1 answer
Sass scale color
CSS
0 vote178 views1 answer
Hover on father elemet activates a child element css
CSS
92 votes336 views5 answers
Bootstrap primary color code
CSS Bootstrap
134 votes211 views6 answers
Remove background from image
CSS
24 votes199 views3 answers
Remove underline from a link css
CSS
43 votes156 views4 answers
Text limit in css
CSS
36 votes157 views4 answers
Adding gradient to text color
CSS
0 vote169 views2 answers
Clearfix
CSS