0

そこで、JavaScript を取り除くために css3 の新しい機能を学ぼうとしていますが、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; を置く必要があります。本当にわからない。ありがとう！

4

1 に答える 1

1

W3 仕様のインターフェイスは、次のように実装する必要があります。

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

これはDOMイベントです。それは JavaScript です。インターフェイスは、CSS 機能ではなく、DOM イベントを記述します。

CSS アニメーションの使用

CSS3 アニメーションの使用方法については、MDN の優れたガイドをお読みください。MDN: CSS/Animation
に アクセスして、各プロパティの関連ドキュメント セクションにリンクする簡潔なページを取得してください。animation

デモ: 以前、魚が泳いでいる簡単なアニメーションを作成しました。この回答 (デモ)を参照してください。これは「実験的な機能」であるため、ベンダー固有のプレフィックスを CSS プロパティに追加する必要があります。したがって、-webkit-animation-name代わりにanimation-name.

于 2012-06-30T20:25:58.650 に答える