CSS Clip-path ジェネレーター

16 種類の clip-path 形状プリセット(円/星/六角形/ハートなど)、リアルタイムプレビューでコードコピー。

预览 — 圆形
形状预设
clip-path: circle(50% at 50% 50%);

デザインツール · 関連ツール

→
CSS シャドウ

box-shadow ビジュアル編集
CSS グラデーション

グラデーションエディタ
CSS 角丸

border-radius 調整
CSS ガラス効果

backdrop-filter
CSS Flexbox

flex レイアウトビジュアル
CSS Grid

グリッドレイアウトビジュアル