キーフレームを使ったCSSアニメーションを実現·jQuery keyframe MOONGIFTjQuery keyframeはCSSのスタイルの中で%を使ってアニメーションをキーフレーム単位で設定できるjQueryライブラリです。 CSS3のパワーアップによってCSSだけで絵を描いたり、アニメーションしたりする試みが増えています。今回はその一つ、JavaScriptと組み合わせることでさらにキーフレームを使ったアニメーションを実現するjQuery keyframeを紹介します。 最初の表示です。ボックスをクリックします。 動き出しました。動きは一定ではなく、ペースを変えながら滑っていきます。 デモ動画です。 設定方法です。入れ子に設定しています。 jQuery keyframeではスタイルの指定の中でパーセントを指定してそれをキーフレームとしてスタイル指定を行います。leftやbackground、colorなどが利用できます。後はjQuery keyframeが自動的にその間の動
