
CSSで三角形を描くよ。 吹き出しとかに使える(と思う)よ。 Firefoxとchromeでしか動作確認してません。

1個のDIVタグでどこまで描けるか試してみました。 box-shadow, :before, :afterを駆使してリラックマを描いてみましたが、box-shadowの影の拡がりの解釈がブラウザによって結構違うようで、まともに描けたのはFirefoxだけでした・・・。 Firefox3.6以上で見てみて下さい。4より3.6の方がより良い感じがします。

IE7, 8でグラデーションフィルタをかけると、その要素に含まれるテキストのアンチエイリアスがかからなくなる(ジャギる)。 これを普通に回避する方法はないようなので、力技で回避してみる。 フィルタをかけた要素にテキストがなければいいので、フィルタ専用の要素を作ってやればいいはず。 ただし、グラデーション用のスタイルは専用のクラスを用意する必要がある。また、他のバージョンでは未確認。