html - CSS 多重动画

Question

我有一个带有介绍性动画的div，点击后我添加了一个名为“exit”的新类和一个新动画，但动画不起作用。

div { animation: intro steps(14) 1s 1;
      animation-fill-mode: forwards; 
    }

div.exit { animation: exit steps(18) 1s 1;
           animation-fill-mode: forwards;
         }

有什么想法吗？

Answer 1

它工作正常，你在下面的代码中弄错了。

您忘记在 500 之后添加 px 。

FIDDLE

@-webkit-keyframes exit {
    0% {
        left:500px;
    }
    100% {
        left:0;
    }
}