Html 如何在css3中使用animationevent

因此，我试图学习新的css3特性来摆脱javascript，但我在animationevent“函数”方面遇到了一些问题。在w3.org上，它给出了以下定义：

interface AnimationEvent : Event {
    readonly attribute DOMString          animationName;
    readonly attribute float              elapsedTime;
    void               initAnimationEvent(in DOMString typeArg, 
                                          in boolean canBubbleArg, 
                                          in boolean cancelableArg, 
                                          in DOMString animationNameArg,
                                          in float elapsedTimeArg);
  };

那么我应该如何在firefox或chrome中使用它呢？如果有人知道，请给出一个我应该在哪里写动画名称的基本例子，比如在animationName:，或者在typerArg:之后，我应该把animationstart；我真的不知道。 谢谢

来自的接口必须实现如下：

e.addEventListener("animationend", listener, false);  
// listener is a function which receives an object implementing the
//  AnimationEvent interface.

这是DOM事件。这是JavaScript该接口描述的是DOM事件，而不是CSS功能。

使用CSS动画 要了解如何使用CSS3动画，请阅读。
访问以获得一个简明页面，该页面链接到每个

动画

属性的相关文档部分

演示：我之前创建了一个简单的游泳鱼动画。见（）。因为这是一个“实验性的特性”，所以必须在CSS属性中添加特定于供应商的前缀。因此，

-webkit animation name

而不是

animation name