CSS三角形生成
borderのテクニックを使ってCSSの三角形を生成します。
width: 0; height: 0; border-left: 40px solid transparent; border-right: 40px solid transparent; border-bottom: 60px solid #6366f1;
任意の向き、サイズ、色で純粋なCSSの三角形を作成し、border のコードをコピーします。
使い方
- 向きとサイズを選びます。
- 色を選びます。
- CSSをコピーします。
よくある質問
- どのように機能しますか？
- サイズ0の要素に透明な border を使い、1辺だけ色を付けます。
- 矢印に使えますか？
- はい、CSSの三角形はツールチップやドロップダウンの矢印によく使われます。