[CSS]画像やスクリプトを使用せずに実装する、多彩なデザインのスピーチバブル

Post on:2010年3月8日

sponsors

CSS2.1, CSS3を使用して、多彩なデザインのスピーチバブルを実装するスタイルシートをNicolas Gallagherから紹介します。

スピーチバブルのバリエーションは他にも多数あります。

これらは全てCSSで実装されており、一つ目のグラデーションは<div>テキスト</div>、<p>テキスト</p>で適用可能で、二つ目は<blockquote><p>テキスト</p></blockquote>で適用可能です。

更に多くのデモも掲載されています。

デモページ
※キャプチャはChrome

デモページではスピーチバブル用のスタイルシートもダウンロードできます。