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

2 votes203 views1 answer
Css image round
CSS
47 votes171 views6 answers
Css set text color
CSS
1 vote141 views1 answer
Css hover darken color
CSS
4 votes177 views1 answer
Max css
CSS
0 vote179 views2 answers
Css shado on image
CSS
0 vote180 views1 answer
How to make any word italic in html and css
CSS
36 votes174 views6 answers
Gradient text
CSS
1 vote200 views1 answer
Mat slide toggle iverted
CSS
3 votes185 views3 answers
Add tailwindcss to angular
CSS
31 votes208 views3 answers
How to change the width of a background image in css
CSS