CSS3:animationを使って遊んでみる
何かと便利なcss animation!何がいいって軽さですよね。すごく便利!ということで、とりあえず動きの基本transform:rotate,trancelateをいじくって簡単な動きを作ってみましょう。
ローディングアニメーション
ただくるくる回るだけじゃ面白くないですからね。
ライナーアニメーション
局部的にアクセントを入れたり、:hover時のエフェクトなんかに使えますよね。とりあえずは簡単に水平移動。SVGでもいいんですが、CSSの方が慣れているし、実装が楽なので(笑)
実用例はまた後日ということで。