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 vote147 views1 answer
Thumb personalizzata wp
CSS
14 votes229 views2 answers
.col-12 bootstrap
CSS Bootstrap
12 votes144 views6 answers
Text-align css
CSS
1 vote117 views1 answer
Pseudo class css nth child
CSS
60 votes146 views3 answers
Media query for mobile view css
CSS
0 vote152 views1 answer
Ecto generator create new mvc
CSS
0 vote139 views1 answer
Css full grid span
CSS
3 votes177 views2 answers
Confirm on delete
CSS
0 vote147 views1 answer
Css linear gradient 25% of page
CSS
2 votes139 views2 answers
Why is my footer not at the bottom html
CSS