CSSで吹き出しデザイン

吹き出しデザインをCSSのみで実装。

吹き出しの出てる部分をbefore, after擬似要素で実装。
Chrome, FF, safari, IE8,9,10で確認。

こっちは吹き出しに影をつけたもの。
出てる部分はbefore, after擬似要素で実装しているが、影をつけるためroteteで2d transformしている。
Chrome, FF, IE9,10で確認。FFではあんまりキレイじゃない。