Bergelombang
Gratis, tanpa daftar, berjalan di peramban Anda.
Sembilan busur lingkaran sepanjang lebar — tepi bergelombang klasik yang terlihat pada tenda, tiket, dan tabel harga. Busurnya yang membawa bentuknya, jadi gaya ini mengabaikan penggeser keacakan sepenuhnya.
Pengaturan di baliknya
| Generator | Gelombang |
|---|---|
| Titik | 9 |
| Amplitudo | 48% |
| Keacakan | 0% |
| Garis dasar | 55% |
| Lapisan | 1 |
| Kehalusan | 100% |
| Benih | 300 |
Yang perlu diketahui
- Busur sungguhan alih-alih kurva pendekatan, jadi setiap tonjolan identik.
- Amplitudo mengatur sedalam apa gelombangnya, dari riak dangkal sampai setengah lingkaran.
- Dengan 382 bita ia lebih ringan daripada gelombang mulus dengan detail sebanding.
Berapa bita biayanya
Bentuk persis ini berukuran 382 bita sebagai SVG dan 543 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 | 382 B |
| Latar CSS | 543 B |
| clip-path CSS | 574 B |
Awal dari SVG untuk Bergelombang
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-160 176A80 52.53 0 0 1 0 176A80 52.53 0 0 1 160 176A80 52.53 0 0 1 320 176A80 52.53 0 0 1 480 176A80 52.53 0 0 1 640 176A80 52.53 0 0 1 800 176A80 52.53 0 0 1 960 176A80 52.53 0 0 1 1120 176A80 52.53 0 0 1 1280 176A80 5…Lebih rinci
Penggeser keacakan disembunyikan untuk gaya ini alih-alih dibiarkan mati. Gelombang semacam ini didefinisikan oleh keteraturannya — membiarkan derau menggeser ujung busur akan memberi tonjolan pada ketinggian yang tidak konsisten, yang terbaca sebagai kesalahan render alih-alih tekstur, jadi generatornya menahan titik-titik di garis dasar dan membiarkan busurnya bekerja.
Pertanyaan
Bagaimana saya mengubah Bergelombang setelah mendapatkannya?
Buka generatornya, klik Bergelombang 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 300 dengan 9 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.