CSS三角形生成ツール
CSSボーダーで三角形を生成。8方向対応。サイズ・色を調整しCSSコードをコピー。
方向
#3b82f6
プレビュー
width: 0; height: 0; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 100px solid #3b82f6;
使い方
- 8つの方向（上/下/左/右/4隅）から選択
- スライダーで幅と高さを調整
- カラーピッカーで三角形の色を変更
- リアルタイムでプレビューを確認
- 生成されたCSSをコピーしてプロジェクトに貼り付け