概要
CSSのclip-pathプロパティを使用して三角形を作成する方法を紹介。用途・要件
- CSSのclip-pathを使用。
- カンマ区切りで三角形の頂点の座標(x座標, y座標)を指定。
- widthとheightで調整。
検証ブラウザ
- Google Chrome(最新)
- Safari(最新)
- Firefox(最新)
- Microsoft Edge(最新)
実装
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)
ローカル環境にコードを移設した際に動作しない場合はこちら。(トラブルシューティングページへ)