Gelombang halus
Gratis, tanpa daftar, berjalan di peramban Anda.
Jadi bawaan bukan tanpa alasan: empat titik, amplitudo sedang, dan nyaris tanpa keacakan menghasilkan kurva yang terbaca sebagai disengaja alih-alih sekadar hiasan. Inilah bentuk yang dimaksud kebanyakan orang ketika bilang ingin gelombang di bawah bagian hero mereka.
Pengaturan di baliknya
| Generator | Gelombang |
|---|---|
| Titik | 4 |
| Amplitudo | 38% |
| Keacakan | 12% |
| Garis dasar | 55% |
| Lapisan | 1 |
| Kehalusan | 100% |
| Benih | 1204 |
Yang perlu diketahui
- Keacakan rendah menjaganya tetap simetris, jadi ia tidak berebut perhatian dengan apa pun di atasnya.
- Empat titik adalah paling sedikit yang masih memberi satu naik dan satu turun — kurang dari itu jadi satu sapuan, lebih dari itu jadi riak.
- Dengan 322 bita ia cukup kecil untuk ditulis sebaris alih-alih diambil sebagai berkas.
Berapa bita biayanya
Bentuk persis ini berukuran 322 bita sebagai SVG dan 483 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 | 322 B |
| Latar CSS | 483 B |
| clip-path CSS | 514 B |
Awal dari SVG untuk Gelombang halus
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-360 137.58C-300 144.27,-120 166.02,0 177.73C120 189.44,240 207.5,360 207.83C480 208.15,600 190.33,720 179.69C840 169.05,960 144.62,1080 143.98C1200 143.34,1380 170.55,1440 175.86L1440 320L-360 320Z" fill="#4f46e5"/></sv…Lebih rinci
Kalau Anda hanya akan mengubah satu hal, ubah garis dasarnya, bukan amplitudonya. Amplitudo di sini adalah bagian dari ruang antara garis dasar dan tepi terdekat, jadi menaikkannya pada gelombang yang terpusat membuatnya lebih dalam, sementara menggeser garis dasar mengubah seberapa banyak warna pejal yang ada di bawah kurva — dan itulah yang biasanya benar-benar diinginkan orang ketika sebuah pembatas terasa terlalu tipis.
Pertanyaan
Bagaimana saya mengubah Gelombang halus setelah mendapatkannya?
Buka generatornya, klik Gelombang halus 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 1204 dengan 4 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.