HOME

ABOUT

ARCHIVES

CONTACT

css3

CSS3:animationを使って遊んでみる

何かと便利なcss animation!何がいいって軽さですよね。すごく便利!ということで、とりあえず動きの基本transform:rotate,trancelateをいじくって簡単な動きを作ってみましょう。

ローディングアニメーション

ただくるくる回るだけじゃ面白くないですからね。

ライナーアニメーション

局部的にアクセントを入れたり、:hover時のエフェクトなんかに使えますよね。とりあえずは簡単に水平移動。SVGでもいいんですが、CSSの方が慣れているし、実装が楽なので(笑)

実用例はまた後日ということで。