定番のタブ型メニューから、いつか使うかも、という感じのカレンダーの作り方まで、ピュアCSSのテクニックがbestdesigntutsでまとめられていたので紹介します。
全部見たわけではありませんが、IE6まで対応しているものを紹介しているみたいです。
ちなみに画像をクリックすると各CSSのデモページに飛べます。
CSSのイメージギャラリー。タブで大量の画像を扱えるようになってます。ピュアCSSのため、マウスを押している間だけイメージが拡大する仕様になっていますね。
CSSだけでつくるグラフ。グラフ全体はリスト構造になっていて、バーの部分は
リンク先にはCSSでつくったプログレスバーのサンプルもあります。CSSだけなので動きませんが、Javascriptと組み合わせて動かすことができそうです。
検索結果などでよく使うページネーション。リンク先のデモページには様々な種類のものが揃っています。IE6まで対応しているのが嬉しいですねー。
両端揃えのメニューリスト。やろうとするとなかなか難しいんだと思いますが、positionを駆使しながら実装してあります。
まだまだあります！50つ全部見たい方は下のこちらかどうぞ。
50+ CSS Techniques Designers Should Know
