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 vote241 views2 answers
Tailwind.min.css cdn
CSS
0 vote398 views1 answer
How to set initial state after first time in formik
CSS
0 vote288 views2 answers
How to change svg image color on hover using css
CSS
0 vote301 views1 answer
Angular scss doesn't work backgorund
CSS
0 vote296 views1 answer
Añadir hojas css externas a wordpress
CSS
0 vote274 views1 answer
Initialize toast
CSS
1 vote302 views3 answers
Tag php
CSS
6 votes286 views3 answers
Css change background color of page
CSS
7 votes287 views3 answers
Transition shorthand css
CSS
0 vote287 views3 answers
Navigation sidebar animated
CSS