CSS border-radius生成
左上・右上・右下・左下の角丸を個別に調整し、border-radius CSSを作成します。
PitaTools
PitaTools
特徴
- 四隅を個別調整
- リアルタイムプレビュー
- CSSをコピー
Steps
使い方
- 各スライダーを調整します。
- 形状をプレビューします。
- CSSをコピーします。
PitaTools
活用例
- カードデザイン
- 画像マスク
- 非対称な角丸作成
Example
入力例・結果例
- 入力例
- 加工したい画像、色、サイズなどの設定
- 結果例
- 四隅を個別調整
ファイルや複数項目を使うツールでは、安全のためサンプルを自動選択せず利用イメージのみ表示します。
Privacy
プライバシーとデータ処理
公開中の101ツールはすべてブラウザ完結です。入力した文章、URL、画像、PDF、ファイル、パスワードをPitaToolsのサーバーへ送信せず、端末内で処理します。
FAQ
よくある質問
楕円形の角丸に対応しますか？
現在は各角1つの半径を指定する基本構文に対応します。
Explore · 画像・デザイン
関連ツール
同じカテゴリのツールを続けて利用できます。
Feedback
不具合報告・改善要望
「CSS border-radius生成」についてお気づきの点を運営者へお知らせください。