CSSのKeyframeをWeb上で
作成できる便利なWebエディター。
動きを付けるときに便利なKeyframeですが
動画エディタみたいに簡単に作成、コード取得できます。
まずはAdd Stepをクリックして変更する場所を
挿入します。
０～100%までの間で自由にポイントを設定が可能です。
11%の所に挿入してみます。
たくさん挿入するとより細かなアクションを付けることが
できます。
11%はRotateを45degに設定しました。
0~11で45度傾くようになりました。
出来上がったアクションはCSSで簡単にコピペできます。
CSSで画像などにアニメーションを付けたいときに
簡単に使える便利なWebアプリです。
コメント