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

1 vote212 views1 answer
Width defined by content css
CSS
20 votes199 views2 answers
Stop selection css
CSS
5 votes193 views1 answer
Less sass css
CSS
21 votes277 views3 answers
Disable cursor css
CSS
1 vote204 views1 answer
Nth of type for every 4th after the 1st
CSS
0 vote210 views2 answers
How to make an image not blurry when stretched css
CSS
0 vote188 views1 answer
Jquery change css variiable value
CSS
2 votes196 views2 answers
How to give 2 different background color css
CSS
-1 vote244 views1 answer
How to many image fullscreen in css
CSS
11 votes201 views2 answers
How to change image position in css
CSS