How to make the element be removed at the end of the animation? This does not work:

@keyframes move1 { 0% {height: 0px;} 100% {height: 100px; display: none;} } .moving1 { animation: move1 0.30s ease 1 alternate forwards; }
  • Strange logic. Zoom the object to hide it - Herrgott
  • You better put all the code, and not a stub, from which nothing is clear. and explain what you want to achieve and what exactly does not work ... - Air
  • The display property is not animated. - websnap
  • one
    @Air wants something like that :) codepen.io/anon/pen/vWmLeM - websnap
  • websnap, thanks, I didn’t even think about transparency, everything works) - DcoartB

1 answer 1

 свойство не анимируется, и вообще даже не пытайтесь его вставлять в css-анимации какие бы то ни было, лучше использовать visibility, transform...

or jQuery chain: $ ('. elem'). slideDown (). fadeOut ();

  • Please give a better answer. - 0xdb