Generator Radius Perbatasan

Alat Pembuat CSS radius batas untuk menghasilkan deklarasi CSS radius batas dengan cepat.

Preview

Preview image

Keluaran CSS

clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);

Kontrol Jalur Klip

Bentuk Dasar

Properti Bentuk

0%
0%
100%
100%

Animation

0s

Presets

Rectangle

Circle

Ellipse

Triangle

Diamond

Pentagon

Hexagon

Heart

Cara Penggunaan

Kontrol Dasar

  • Pilih bentuk dasar dari panel Pemilihan Bentuk
  • Menyesuaikan parameter bentuk menggunakan penggeser rentang
  • Seret titik kontrol pada pratinjau untuk membentuk kembali jalur klip
  • Menambahkan titik ke bentuk kustom menggunakan mode Tambahkan Poin

Fitur Lanjutan

  • Simpan dan muat preset untuk akses cepat ke bentuk favorit Anda
  • Animasikan jalur klip Anda dengan durasi, pelonggaran, dan iterasi khusus
  • Salin kode CSS yang dihasilkan dan tempelkan ke proyek Anda
  • Beralih mode gelap untuk desain larut malam yang nyaman

Related Tools