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 vote155 views1 answer
Lightred color hex
CSS
0 vote144 views1 answer
Wordpress header script add
CSS
0 vote124 views1 answer
Shrink a div by 50%
CSS
0 vote81 views1 answer
Sumar clases css
CSS
3 votes133 views1 answer
Zoom in to picture on html css
CSS
0 vote132 views1 answer
Disable text higlighting
CSS
0 vote130 views1 answer
Override package css
CSS
1 vote139 views1 answer
How to make border hover effect in css
CSS
0 vote130 views1 answer
Page rotate css
CSS
2 votes83 views1 answer
Xpath vs css selector
CSS