2017

29

Jun

HTML・CSS

HTMLとCSSだけで作る!吹き出しジェネレーター

吹き出しの三角部分を作るCSSって、長くて大変ですよね。

吹き出しをCSSで作るときは、
↓のジェネレータで抽出したものを改造していましたが、
http://www.cssarrowplease.com/
毎回、三角のサイズや位置を変更して、borderがあるときの計算をするのは大変です。

なので、吹き出しジェネレーターを作ってみました。

吹き出しジェネレーター
http://generator.web-alpha.info/fukidashi/

a20d4ef556c0c5f72ec26779a5cb97f9

使い方は、ボタンジェネレータと同じです。

※もし、バグがあれば、ご報告お願いいたします。


タグ

同じ「HTML・CSS」カテゴリの記事
ABOUT

福岡在住、フリーランスのプログラマのメモ日記です。組込SEからWEB系に転向。子育てしながら、在宅SOHOにてお仕事しています。
ウェブサイトを作っていて困ったことや、よく調べることを書いていきます。

[対応言語]
HTML、CSS、PHP、Javascript、jQuery
Ruby On Rails、JAVA、C、C++、VB

[運営サイト]
キャラデコ弁.com
CSSデザインジェネレーター