HeronTool
日本語▾
ログイン
EnglishEnglish 中文Chinese 繁體中文Chinese (Traditional) EspañolSpanish FrançaisFrench DeutschGerman PortuguêsPortuguese ItalianoItalian РусскийRussian العربيةArabic 日本語Japanese 한국어Korean हिन्दीHindi Bahasa IndonesiaIndonesian Tiếng ViệtVietnamese ไทยThai TürkçeTurkish PolskiPolish
ホーム › デザイン素材 › Clip-Path Generator

Clip-Path Generator

CSS の clip-path シェイプを生成して、コードをコピーします。

Clip Path CSS 生成

使い方

  1. シェイプを選択
  2. サイズを調整
  3. clip-path の CSS をコピー

使用例

クリエイティブな画像マスクや UI シェイプに。

ブラウザ内で完結し、データがアップロードされることはありません。

コメント / 報告 / 注釈

先にログインしてください — ログイン

先にログインしてください — ログイン

先にログインしてください — ログイン

関連ツール
グラデーション生成 線形／放射 CSS グラデーションをライブプレビュー付きで生成します。 グラデーション フォントプレビュー テキストを入力し、フォントファミリーを切り替えてライブプレビューします。 フォント アイコン検索 Tabler アイコンを検索し、SVG をワンクリックでコピーします。 アイコン カラーパレット生成 ベースカラーから調和の取れたパレット（類似／補色）を作成します。 パレット モックアップ生成 URL やスクリーンショットをデバイスモックアップ枠にドロップしてプレビューします。 モックアップ コントラストチェック 背景に対する文字の WCAG コントラストをチェックします。 コントラスト box-shadow生成 CSS box-shadow をビジュアルに作成します。 影 text-shadow生成 CSS text-shadow を作成します。 影