CSS三角形ジェネレーター

last update:

三角形の向き・サイズ・色を指定するだけで、CSSで使用可能な三角形を作成できます。
「CSSをコピーする」からコピーしてご利用ください。

疑似要素などで簡易的な矢印アイコンが欲しいときや、背景に斜めのベタを起きたいときなどにご利用いただけます。

三角形の向き

三角形をクリックで向きを選択
(上・下・左・右・右上・右下・左上・左下)

サイズ

単位はvwrem・empxで指定

下の色付き四角形をクリックして色を選択。

Saveを押して保存してください。

プレビュー
CSSをコピーする