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

11 votes168 views1 answer
Html no cursor when link
CSS
1 vote203 views1 answer
Css 2 <p> next to each other
CSS
74 votes209 views6 answers
Flex box
CSS
-1 vote205 views2 answers
How to zoom image on hover in css
CSS
1 vote191 views1 answer
Css div fill whole page
CSS
0 vote241 views1 answer
SPECIFIC CHILD ELEMENTS
CSS
0 vote211 views1 answer
Unable to locate package neo4j
CSS
0 vote222 views5 answers
SVG color
CSS
-3 votes220 views1 answer
How do i make a div full width with css
CSS
0 vote227 views1 answer
Css apply style to direct children
CSS