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

37 votes126 views4 answers
Css circle border
CSS
-1 vote129 views1 answer
How to make white image black in css
CSS
1 vote108 views1 answer
Break pre text
CSS
1 vote119 views2 answers
Css let div be last
CSS
2 votes139 views1 answer
Textarea only one line
CSS
2 votes128 views2 answers
Font gap css
CSS
1 vote111 views1 answer
Mysqli load result into array
CSS
0 vote123 views1 answer
Check concurrent connections for linux user
CSS
0 vote122 views1 answer
How To target a particular td in css
CSS
1 vote114 views1 answer
Display in flexbox
CSS