形状
5
50%
400px
0°
色
<svg viewBox="0 0 100 100" width="400" height="400" xmlns="http://www.w3.org/2000/svg">
<path d="M 108.95777302544616,50 C 110.91210474372431,73.07651879812902 114.80114428917585,86.82291233003536 100.06170103281431,100.06170103281431 C 85.32225777645277,113.30048973559326 74.679323134888,103.30668219263495 50,102.95515481111579 C 25.320676865112002,102.60362742959663 19.682430829718882,111.89438020951664 1.3444084932623213,98.6555915067377 C -16.99361384319424,85.41680280395875 -22.86149684262036,74.81838825657474 -23.352089345826244,50.00000000000001 C -23.842681849032125,25.181611743425286 -18.955983856017763,15.050874973058493 -0.6179615195612058,-0.6179615195611845 C 17.72006081689535,-16.28679801218086 26.784416080184254,-14.768742810443564 49.999999999999986,-12.675345970478702 C 73.21558391981571,-10.58194913051384 77.50493090334018,-7.9132106523214105 92.24437415970172,7.755625840298265 C 106.98381741606326,23.42446233291794 107.003441307168,26.923481201870988 108.95777302544616,50 Z" fill="#6366f1" transform="rotate(0 50 50)" />
</svg>Blobシェイプジェネレーターとは？
モダンウェブデザインのためのオーガニックなブロブ形状を生成
Blobシェイプジェネレーターは、ブラウザで直接動作する無料のオンラインツールです。インストールやサインアップは不要です。すべての処理はデバイス上でローカルに行われ、データのプライバシーとセキュリティが確保されます。
なぜBlobシェイプジェネレーターを使うべきですか？
- ✓100%無料 - 隠れた費用やプレミアム機能はありません
- ✓登録不要 - アカウント作成なしですぐに使えます
- ✓プライバシー重視 - すべての処理はブラウザで行われます。データはサーバーに送信されません
- ✓超高速 - サーバー遅延なしで即座に結果を確認できます
使い方
- 上の入力エリアにテキストを入力または貼り付けてください
- ツールが自動的に入力を処理します
- 結果をコピーするかファイルとしてダウンロードしてください
機能
- ✓ランダムblob形状生成
- ✓複雑さ制御
- ✓サイズカスタマイズ
- ✓SVG/CSSエクスポート
- ✓アニメーションblob
よくある質問
How can I animate blob shapes?
Generate multiple blob keyframes and use CSS animations or JavaScript to transition between them.