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 vote290 views1 answer
Named colors css
CSS
2 votes370 views1 answer
Css square image
CSS
37 votes341 views3 answers
Css selector first level child
CSS
0 vote371 views1 answer
Select html stop blue border
CSS
1 vote329 views1 answer
Html details summary marker remove
CSS
1 vote356 views1 answer
Ul remove dots
CSS
0 vote327 views1 answer
Css a little transparent
CSS
0 vote314 views1 answer
Space in css :before :after
CSS
-1 vote333 views1 answer
Flex wrap tailwind
CSS
0 vote322 views1 answer
Adding a perfect responsive background image
CSS