Clip-path:polygon
Generator
CSS clip-path
Generated CSS
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
Preset Polygons
使用方法
- プリセットから多角形を選択できます
- 多角形の頂点をドラッグして調整できます
- リセットボタンで初期状態に戻せます
- 生成されたCSSをコピーして使用してください
- ※PCからの操作を想定しております
clip-path: polygon(50% 0%, 0% 100%, 100% 100%);