前の記事 ≪：2008年4月30日 管理人のブックマーク
次の記事 ≫：オンラインショップ向けのクレジットカードアイコンいろいろ

便利なＣＳＳテクニック３０選

2008年05月01日-はてなブックマーク

スポンサード リンク
30 Exceptional CSS Techniques and Examples | Six Revisions
In this article, I’ve pieced together 30 excellent CSS techniques and examples

便利なＣＳＳテクニック３０選ということでエントリがまとまっていたので紹介。
特に気になったものを以下にまとめました。

  1. Hoverbox Image Gallery - 画像ギャラリー上でマウスホバー時に画像拡大

    デモはこちら
  2. CSS Photo Zoom - 文書に添付の画像にカーソルを合わせると画像拡大。テキスト位置も自動調整

    デモはこちら
  3. whatever: hover - windowsのスタートメニュー風の階層メニュー

    デモはこちら
  4. Content Overlay with CSS - オーバーレイでdescription表示
  5. CSS Bar Graphs: Examples - 棒グラフ
  6. Animated Rollover Arrow - マウスカーソルについてくる矢印
  7. CSS Image Text Wrap - 背景画像にかぶらないテキストレイアウト

いろいろと面白いテクニックがあるものですね。

関連エントリ

関連の記事検索：CSS, Webデザイン, チュートリアル, まとめ, Web制作, デザイン
スポンサード リンク

By.KJ : 2008年05月01日 07:08 ブックマークに追加する livedoor Readerで購読 Twitterに投稿

間違いの指摘をしていただける方はメール、あるいはTwitterでお願いします(クリック)