WebTecNote

[Sass] Speech Bubble(tail) Mixin

CSSでふきだし作る時に最も面倒くさいしっぽを全方位カバーしたmixinが出来てしまいました。
Sassだけで動作します。

しっぽの向きはtriangle generatorと同じ。
枠線がある場合、しっぽの大きさを超える太さにすると背景色のしっぽが消えて線だけになります。

コメント付きソースをgistに置いときました

Stylus版

必要になったので作った



gistにも置いてあります

モバイルバージョンを終了