CSS 三角形ジェネレーター

2022.01.13 - v1.0.0

CSS で三角形を描画する。擬似要素で描画した図形を上手に使うことで CSS のみで吹き出しが作れます。

css

width: 0;
height: 0;
border-style: solid;
border-color: transparent transparent #00bfb2 transparent;
border-width: 0px 32px 55.43px 32px;

使い方

三角形の向きや種類、色、サイズを設定すると自動的にコードに反映します。

不具合や使い勝手等のお問い合わせはこちらからお願いします。