Preview
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
Generator Transisi CSS3
Transisi opasitas yang mulus
Konverter Stylus ke CSS
Ubah kode SCSS Anda menjadi CSS. Cepat, mudah, dan aman.
Hasilkan Transformasi CSS3 dengan Mudah
Alat yang kuat dan intuitif untuk membuat transformasi CSS3 yang kompleks tanpa menulis kode. Visualisasikan perubahan secara real-time dan salin CSS yang dihasilkan untuk digunakan dalam proyek Anda.
Kalkulator Hash SHA-224
Hasilkan hash SHA-224 dengan cepat dan mudah
Konversi JSON ke CSV
Tempelkan data JSON Anda di bawah ini dan konversikan ke format CSV dengan satu klik.
Alat Dekode HTML
Pecahkan kode entitas HTML dengan mudah langsung di browser Anda.