手書き風

手書き風の左側です。

右側はこんな感じです。

またまたBorder-imageで作ってみました。
やっぱりEdgeでは表示できません。
ver.1.0.5からEdgeにも対応しました。

「Chromium」ベースのEdgeはクリアに表示されますが、旧タイプのEdgeとIE11だとぼやけちゃいます。
どうやら特有のバグの様です。

にょろにょろ

にょろにょろの左側です。

右側はこんな感じです。

ハートと同じくBorder-imageで作ってみました。
残念ながらEdgeでは表示できません。
IE11はOK。
Edgeの解消方法が不明でガックリ。
ver.1.0.5からEdgeにも対応しました。
CSSだけでは不可能な吹き出しの形には満足しています。

「Chromium」ベースのEdgeはクリアに表示されますが、旧タイプのEdgeとIE11だとぼやけちゃいます。
どうやら特有のバグの様です。

ハート

ハートの左側です。

右側はこんな感じです。

Border-imageで作ってみました。
残念ながらEdgeでは表示できません。ガックリ。
ver.1.0.5からEdgeにも対応しました。
IE11はOK。

丸いグラデーション

丸いグラデーションの左側です。

右側はこんな感じです。

radial-gradientを使っています。

ぽっちグラデーション

ぽっちグラデーションの左側です。

右側はこんな感じです。

linear-gradientを使っています。

セリフ太枠

セリフ太枠の左側です。

右側はこんな感じです。

初代セリフを太枠にしてみました。