1

これは、アニメーションを行うための私の CSS です。

変換: スケール (0) 回転 Y (180 度);

スケールと回転に個別の遷移タイミング関数を指定する必要があります。しかし、私の調査によると、以下のようなものしか提供できません。実際には、スケールと回転に対して同じイージング機能を提供します。

トランジション: .7s イーズインアウトを変換します。

スケールと回転に別々のタイミング関数を与えることは誰でも知っています。

4

1 に答える 1

1

複数のアニメーションを作成できます。最初のアニメーションは拡大縮小され、2番目のアニメーションは回転し、それぞれに異なるイージング期間を割り当てます。その後、複数のアニメーションを1つの要素に割り当てることができます。

これを実装する方法については、このガイドhttp://css-tricks.com/snippets/css/keyframe-animation-syntax/を参照してください。

リンクからの引用：

複数のアニメーション-値をコンマで区切って、セレクターで複数のアニメーションを宣言できます。

.animate-this {
   animation: 
      first-animation 2s infinite, 
      another-animation 1s;
}
于 2013-02-07T10:39:03.870 に答える