CSS2.1, CSS3を使用して、多彩なデザインのスピーチバブルを実装するスタイルシートをNicolas Gallagherから紹介します。
Progressive enhancement: pure CSS speech bubbles
デモページ
スピーチバブルのバリエーションは他にも多数あります。
これらは全てCSSで実装されており、一つ目のグラデーションは<div>テキスト</div>、<p>テキスト</p>で適用可能で、二つ目は<blockquote><p>テキスト</p></blockquote>で適用可能です。
更に多くのデモも掲載されています。
デモページ
※キャプチャはChrome
デモページではスピーチバブル用のスタイルシートもダウンロードできます。
Post on:2010年3月8日
