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

便利なCSSテクニック30選

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

スポンサード リンク
[PR] 英単語を忘却曲線アプリを使って超効率よく記憶する方法
30 Exceptional CSS Techniques and Examples | Six Revisions
In this article, I’ve pieced together 30 excellent CSS techniques and examples

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

  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, チュートリアル, まとめ
スポンサード リンク

By.KJ : 2008年05月01日 07:08 livedoor Readerで購読 Twitterに投稿

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