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
テキストハイライト時の背景色を変更する
それぞれデモがわかりやすいので、一度見てみてください。
Editor's Note
月曜日ですね〜。諸々スピード上げていきます。
Related Entry
- CSS3のベンダープレフィクスを自動で追加してくれる「CSSPrefixer」
- Photoshopで作ったようなCSS3のタイポグラフィー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
