[keyframe]~[endkeyframe]:キーフレームアニメーションの定義

カテゴリ:アニメーション操作

キーフレームアニメーションの定義を行います。
定義したアニメーションは[kanim]タグで実行します。

パラメータ

    [keyframe]
  • name(必須):アニメーション名を指定します。
    初期値:""
    [endkeyframe]
  • なし

使い方

;キーフレームアニメーションを定義
[keyframe name="anime"]
[frame p=0 x=10 y=10]
[frame p=100 x=1000 y=500]
[endkeyframe]
[keyframe]~[frame]~[endkeyframe]でアニメーションを定義し、[kanim]で定義したアニメーションを実行します。
実質的にはCSSのキーフレームアニメーションですが、指定できるプロパティの数はこちらのほうが少なくなっています。
[frame]タグでは設定できないプロパティをアニメーションさせたい場合は、自分でCSSを書いて読み込むことになります。

タグ一覧最初から表示

このブログを検索

連絡先

名前

メール *

メッセージ *

QooQ