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

8 votes241 views3 answers
Css change font awesome icon color
CSS
4 votes211 views1 answer
Grid repeating auto columns
CSS
0 vote243 views1 answer
Operador css contain attr
CSS
0 vote235 views2 answers
Caching
CSS
0 vote224 views1 answer
Add arrow in select css
CSS
0 vote206 views1 answer
Image with colored background html css tigether
CSS
0 vote219 views1 answer
Center postion absdolute
CSS
6 votes220 views2 answers
Css grid full width row
CSS
0 vote244 views1 answer
Scss global class
CSS
0 vote218 views1 answer
Background css hachures
CSS