Gelombang dalam
Gratis, tanpa daftar, berjalan di peramban Anda.
Tiga titik dan hampir seluruh amplitudo, menghasilkan satu lembah dalam dan banyak warna di bawahnya. Pakai ini di tempat pembatasnya memang dimaksudkan sebagai transisi itu sendiri, bukan detail di tepi sebuah transisi.
Pengaturan di baliknya
| Generator | Gelombang |
|---|---|
| Titik | 3 |
| Amplitudo | 92% |
| Keacakan | 18% |
| Garis dasar | 50% |
| Lapisan | 1 |
| Kehalusan | 110% |
| Benih | 820 |
Yang perlu diketahui
- Tiga titik menghasilkan satu lekukan jelas, bukan pola berulang.
- Amplitudo tinggi memakan ruang tegak, jadi beri ruang napas untuk bagian di bawahnya.
- Bisa dihasilkan ulang dari benih 820 — catat kalau Anda butuh kurva yang sama di halaman lain.
Berapa bita biayanya
Bentuk persis ini berukuran 282 bita sebagai SVG dan 443 bita sebagai latar CSS — data URI-nya lebih besar karena pengodean persen memakan tiga karakter untuk setiap karakter yang dilolosinya. Kedua angka itu untuk bentuk yang ditampilkan di atas, dengan ketelitian koordinat dua desimal.
| Format | Ukuran |
|---|---|
| SVG | 282 B |
| Latar CSS | 443 B |
| clip-path CSS | 474 B |
Awal dari SVG untuk Gelombang dalam
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-480 80.61C-392 97.56,-176 145.02,0 173.07C176 201.12,304 252.99,480 233.6C656 214.21,784 82.6,960 67.28C1136 51.96,1352 134.87,1440 150.04L1440 320L-480 320Z" fill="#4f46e5"/></svg>Lebih rinci
Gelombang dalam adalah bentuk yang paling mudah terlihat salah, karena pada amplitudo penuh kurvanya harus melengkung jauh dan bagian rata tempat ia bertemu tepi langsung kelihatan. Generatornya mengambil sampel satu titik di luar setiap tepi kanvas dan membiarkan viewBox memotongnya, jadi gerakannya berlanjut ke luar layar alih-alih berhenti di batas — dan itulah yang membuat ini terbaca sebagai potongan dari gelombang yang lebih panjang, bukan coretan yang tertutup pada dirinya sendiri.
Pertanyaan
Bagaimana saya mengubah Gelombang dalam setelah mendapatkannya?
Buka generatornya, klik Gelombang dalam di baris prasetel, lalu geser apa saja. Prasetel adalah titik awal, bukan kunci — semua penggeser tetap aktif, dan kotak benih menerima kata kalau Anda lebih suka menamai bentuk Anda daripada menomorinya.
Apakah akan terlihat sama lain kali?
Ya, selama benihnya sama. Yang ini benih 820 dengan 3 titik. Generatornya deterministik, jadi pengaturan itu menghasilkan ulang kurva yang persis sama di perangkat mana pun.
Bisakah saya memakai warna lain?
Bisa — warna diterapkan saat ekspor, tidak dipanggang ke dalam geometrinya. Pratinjau di atas memakai warna bawaan alat ini; pilih warna Anda di generator dan SVG, latar CSS, serta clip-path akan mengikuti.
Setiap angka dan setiap bentuk di halaman ini dihasilkan dengan menjalankan generatornya saat build, jadi semuanya menggambarkan alat yang sebentar lagi Anda pakai, bukan versi yang pernah ada.