html - CSS多种动画

我有一个带简介div的animation，然后单击添加带有新动画的名为“ exit”的新类，但该动画不起作用。

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

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

有任何想法吗？

最佳答案

它工作正常，在以下代码中您弄错了。

您忘记添加px after 500.

FIDDLE

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

关于html - CSS多种动画，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/25664254/