トップページ > コンテンツ > コンピュータ関連その他 > CSS編 > CSSだけで動きをつける

CSSで動きをつけるには画面外に配置しておき、margin-leftを変えたり、hover時にtop,bottom,left,right等の値をマイナス値からプラス値に変える等が有効。
具体的に以下で見てみよう。

• CSSスライダー
• CSSスクロール
• CSSでタブメニュー
• CSSで画像変化
• チェックボックスボタンでスタイル変更
• CSSで文字をズーム
• CSSで文字を書く

その他テクニック等

• 1枚の画像の切り出し位置を変えていく(clip等を使用)ことで、動いているように見せる
• スクロール等のパラメータ(xとする)を取得し、要素の表示位置を各要素ごとにx,x/2等と異なるものにすることでダイナミックな動きを表現する。

余談

http://www.slideshare.net/brianskold/ss-43889501によると、
margin-を変えるより、transformを使った方が再描画が無いらしい。