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 vote192 views1 answer
Elementor custom css for mobile
CSS
0 vote180 views1 answer
Select multiple id css
CSS
4 votes197 views1 answer
Png shadow css
CSS
0 vote212 views2 answers
Writing mode css
CSS
0 vote230 views1 answer
Css loading spinner with text
CSS
3 votes217 views4 answers
Css keep image ratio
CSS
0 vote223 views2 answers
Wp redirect to https htaccess
CSS
0 vote210 views1 answer
Chrome extension detect copy action
CSS
6 votes246 views5 answers
Table fixed header
CSS
0 vote193 views1 answer
Scss color black white
CSS