境界半径ジェネレータ
border-radius CSS宣言を迅速に生成するためのborder-radius CSSジェネレータツール。
Preview
CSS 出力
clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
クリップパスコントロール
基本形状
シェイプのプロパティ
0%
0%
100%
100%
Animation
0s
Presets
Rectangle
Circle
Ellipse
Triangle
Diamond
Pentagon
Hexagon
Heart
使用方法
基本コントロール
- 形状選択パネルから基本形状を選択します
- 範囲スライダーを使用して形状パラメータを調整する
- プレビュー上のコントロールポイントをドラッグして、クリップパスの形状を変更します
- ポイントの追加モードを使用してカスタム形状にポイントを追加する
高度な機能
- プリセットを保存してロードし、お気に入りの形状にすばやくアクセス可能
- クリップパスをカスタムのデュレーション、イージング、イテレーションでアニメーション化
- 生成された CSS コードをコピーして、プロジェクトに貼り付けます
- ダークモードを切り替えて、深夜に快適なデザインを実現
Related Tools
CSSコンバーターへのレス
LessのコードをCSSに変換します。高速、簡単、安全。
SCSSからCSSへのコンバーター
SCSS コードを CSS に変換します。高速、簡単、安全。
美しいCSSテキストグラデーションを簡単に作成
あなたのウェブサイトのための見事なグラデーションテキスト効果を作成する
完璧なフレックスボックスレイアウトを作成
CSS フレックスボックス コードを視覚化、カスタマイズ、生成するには、直感的なドラッグ アンド ドロップ インターフェイスを使用します。
PantoneからCMYKへ
印刷デザイン用にPantoneカラーをCMYK値に変換する
RGBからHSVへ
RGBカラーをHSV値に変換して、直感的な色操作を実現