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

1 vote333 views1 answer
Ng-deep
CSS
11 votes343 views3 answers
Css ellipsis max width
CSS
0 vote331 views1 answer
Css horror fonts
CSS
9 votes327 views2 answers
Css percent scale checkbox
CSS
266 votes528 views2 answers
Font awesome 5 pro cdn link
CSS
53 votes321 views6 answers
Css transparent background image
CSS
0 vote330 views1 answer
Css3 ripple loop
CSS
0 vote320 views1 answer
How to change a checkbox to be selected
CSS
21 votes306 views2 answers
Form field focus border remove css
CSS
1 vote316 views1 answer
Svg tailwind
CSS