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 vote252 views1 answer
Hiding button border when clicked
CSS
0 vote316 views2 answers
Google font smooth
CSS
0 vote241 views2 answers
Css disabled cursor not allowed
CSS
30 votes251 views4 answers
Bootstrap media queries
CSS
-2 votes253 views2 answers
Tailwind border bottom
CSS
-1 vote266 views1 answer
How to make white image black in css
CSS
1 vote198 views1 answer
Outside padding css
CSS
0 vote264 views1 answer
Set border only left and right css
CSS
0 vote258 views1 answer
P{ color: blue; font-size: 14px; }
CSS
0 vote239 views1 answer
Table tr sortable helper css
CSS