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 vote386 views1 answer
If you're trying to use a package make sure that '../../static/fonts/lato/Lato-Regular.woff' is installed. If you're trying to use a local file make sure that the path is correct.
CSS
1 vote330 views1 answer
Transform orgin css
CSS
7 votes350 views3 answers
Sans serif font family css
CSS
0 vote349 views1 answer
Change hover color link in wordpress
CSS
0 vote385 views1 answer
Text in circle css
CSS
1 vote405 views1 answer
Bootstrap word-wrap: break-word;
CSS Bootstrap
0 vote421 views2 answers
Google font smooth
CSS
0 vote363 views1 answer
Css animation 3d effect
CSS
0 vote339 views1 answer
Css select without class
CSS
0 vote336 views1 answer
Npm ERR! 404 Not Found - GET https://registry.npmjs.org/taiwindcss - Not found
CSS