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 vote327 views1 answer
Css disable transition on first load
CSS
2 votes405 views1 answer
Check if input is empty css
CSS
0 vote355 views1 answer
How to change line colors in css
CSS
5 votes323 views1 answer
Vertical align items in div
CSS
6 votes440 views2 answers
How do you make each word in a text start with a capital letter?
CSS
0 vote390 views1 answer
Restore mariadb from bz2 file cli
CSS
0 vote407 views1 answer
Vertical align x horizontal
CSS
0 vote389 views1 answer
Css wrap text next line align right
CSS
0 vote370 views1 answer
Css highlight element
CSS
3 votes317 views1 answer
Css vendor prefix
CSS