WEB HOSTINGというサイトで、サイトをかっこよくするCSSテクニックが紹介されています。
ざっといくつかご紹介。
» Image gallery with hover box preview
画像マウスオーバー時に拡大表示してくれる
» Alert Box
シンプルでクールなアラートメッセージデザイン
» CSS Sliding Sprite Window
CSSスプライトで背景画像をクールに切り替える
» Gradient text effect using CSS purely
CSSを使ってテキストにグラデーションをつける
» Creating a sliding image gallery
水平・垂直方向のスライドするイメージギャラリー
» CSS rollover buttons
JSを使わずにCSSスプライトでロールオーバーボタンを実装
結構いい感じのがそろっていますね。
その他のリストは以下からどうぞ。
今日のCREAMU
今日は晴れですねー。超気持ちいい。がんばるぞぅ。
関連するエントリー
- CSS3で作るクールなお問い合わせフォーム
- floatした画像の横のテキストの回り込みをクリアするCSS
- CSS3を使ったボタンジェネレータ
- CSSだけでJavaScriptのような動きを実装するサンプル30
- クロスブラウザで動作するCSSグラデーション
- CSS3で何が実現できるかがわかるジェネレータ
