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 vote128 views1 answer
Uytutyu
CSS
0 vote146 views1 answer
Css mobile friendly
CSS
0 vote147 views1 answer
Javavscript use .filter to return odd numbers in an array
CSS
0 vote118 views1 answer
How to use the display property
CSS
1 vote120 views1 answer
How do I vertically center text with CSS?
CSS
2 votes180 views1 answer
Bootstrap class="mb-3"
CSS Bootstrap
0 vote136 views1 answer
Hoow to open a css class in css
CSS
8 votes137 views2 answers
Text that shows an underline on hover
CSS
2 votes137 views2 answers
Html font white text with black border
CSS
0 vote153 views1 answer
Text below filter css using pseudo
CSS