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 votes170 views6 answers
Tailwindcss
CSS
0 vote166 views1 answer
Css animation cheat sheet
CSS
3 votes156 views1 answer
How to make a backgroud image with no repeat in html
CSS
12 votes184 views4 answers
Need short long paragraph css
CSS
1 vote149 views1 answer
Place many images in a div beautifully
CSS
0 vote154 views1 answer
Keyframe fade down css
CSS
1 vote206 views1 answer
Sass compressed style
CSS
0 vote184 views1 answer
Calendar api
CSS
1 vote157 views1 answer
Css media queries pc and mobile
CSS
156 votes239 views6 answers
Center a div css
CSS