CSS3によるアニメーション

回転

回転+縦のサイズを拡大

背景のエフェクト

[3D]回転

[3D]回転+スケール

[3D]回転(自動)

移動のアニメ

移動のアニメ(行き帰り)

移動のアニメ(キーフレームを複数使用)

移動のアニメ(時間差)

移動のアニメ(複数のアニメの合成)

マスク

[3D]裏面の描画(作成途中)


SVG


アニメーションのパターンの解説

Transition Timing Functions < CSS | The Art of Web

他サイトの作例

Poster Circle

中島聡氏が見せるhtml5の未来:前半6本


中島聡氏が見せるhtml5の未来:後半6本

safari4 betaで実装されたCSS Animationを使ってみました。 : アシアルブログ


※このページはフルスクリーンモードをサポートしています。iPhoneのホームに保存して、アイコンをクリックするとフルスクリーンモードとなります。