前の記事 ≪：サイトにTwitterの機能を組み込むためのjQueryプラグイン集
次の記事 ≫：サイトに訪れているオンライン人数を国別にクールに表示するチュートリアル

ピュアCSSで実装された吹き出しのデザイン例色々

2010年03月08日-はてなブックマーク

スポンサード リンク
Pure CSS speech bubbles ? Nicolas Gallagher

ピュアCSSで実装された吹き出しのデザイン例が色々と紹介されたエントリのご紹介です。
CSSだけでここまで出来ちゃうの？というサンプルが多数で、CSS3を使った複雑な吹き出しの例なども公開されていて一度見ておくとよいかも。

ピュアCSSで実装された吹き出しのデザイン例 fig.1

ピュアCSSで実装された吹き出しのデザイン例 fig.2

ピュアCSSで実装された吹き出しのデザイン例 fig.3

ピュアCSSで実装された吹き出しのデザイン例 fig.4

吹き出しだけでもこれだけ出来るので、CSS3が標準となった数年後のWEBデザインは大きく変わっているのかもしれませんね。

関連エントリ
スポンサード リンク

By.KJ : 2010年03月08日 09:02 | ブックマークに追加する livedoor Readerで購読 Twitterに投稿

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