ピュアCSSで作る効果的なエフェクト23

web anthologyで、ピュアCSSで作る効果的なエフェクトが紹介されています。 ざっといくつかご紹介。

• 3-state Button using CSS
  通常時、マウスオーバー時、クリック時の3種類のボタンをCSSスプライトで作るチュートリアル
• Pure CSS Polaroid Photo Gallery
  重なり合ったポラロイド写真をCSSを使ってデザインする
• Bubble Effect with CSS
  マウスオーバーで拡大するMacのDockのようなバブルエフェクト
• Pure CSS Lightbox
  CSSで作るlightbox系画像拡大表示
• Change Text Selection Color With CSS
  テキストハイライト時の背景色を変更する

それぞれデモがわかりやすいので、一度見てみてください。 23 Pure CSS Effects/Solutions to Make JavaScript Angry! 月曜日ですね〜。諸々スピード上げていきます。