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 votes116 views1 answer
Media queries iphone 11
CSS
0 vote108 views1 answer
Display content in column css
CSS
0 vote161 views1 answer
Make text available only to screen reader
CSS
35 votes122 views2 answers
Transform properties css
CSS
6 votes71 views2 answers
How to change text on hover
CSS
0 vote110 views1 answer
CS REMOVING BACKGROUND IMAGE
CSS
0 vote112 views1 answer
Css background image follow scroll
CSS
1 vote131 views2 answers
Overflow x not hidden
CSS
1 vote105 views1 answer
Html center video
CSS
0 vote125 views1 answer
Omnisend custom css
CSS