Lengkung potong
Gratis, tanpa daftar, berjalan di peramban Anda.
Kebalikan dari tepi bergelombang: busurnya melengkung ke dalam area berwarna alih-alih keluar, menyisakan deretan bukaan melengkung di sepanjang tepi. Arsitektural ketimbang dekoratif, dan pilihan jelas untuk apa pun bernuansa barisan tiang atau galeri.
Pengaturan di baliknya
| Generator | Gelombang |
|---|---|
| Titik | 6 |
| Amplitudo | 62% |
| Keacakan | 0% |
| Garis dasar | 50% |
| Lapisan | 1 |
| Kehalusan | 100% |
| Benih | 302 |
Yang perlu diketahui
- Busurnya menyapu ke arah berlawanan, yang berarti satu kotak centang, bukan bentuk yang berbeda.
- Enam lengkung mendekati batas sebelum bukaannya terlalu sempit untuk terbaca.
- Dengan 319 bita biayanya sama dengan versi yang menonjol keluar.
Berapa bita biayanya
Bentuk persis ini berukuran 319 bita sebagai SVG dan 480 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 | 319 B |
| Latar CSS | 480 B |
| clip-path CSS | 511 B |
Awal dari SVG untuk Lengkung potong
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 1440 320" preserveAspectRatio="none"><path d="M-240 160A120 75.39 0 0 0 0 160A120 75.39 0 0 0 240 160A120 75.39 0 0 0 480 160A120 75.39 0 0 0 720 160A120 75.39 0 0 0 960 160A120 75.39 0 0 0 1200 160A120 75.39 0 0 0 1440 160L1440 320L-240 320Z" fill="#4f46e5"/></svg>Lebih rinci
Lengkung ke dalam dan ke luar adalah perintah busur yang sama dengan bendera sapuan dibalik, dan itulah sebabnya ini sebuah kotak centang dan bukan keluarga prasetel tersendiri. Itu juga sebabnya keduanya berbiaya bita identik: tidak ada yang berubah pada jalurnya selain satu digit.
Pertanyaan
Bagaimana saya mengubah Lengkung potong setelah mendapatkannya?
Buka generatornya, klik Lengkung potong 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 302 dengan 6 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.