Penjana Clip-Path CSS

Pilih daripada set bentuk biasa (bulatan, elips, segi tiga, pentagon, heksagon, bintang, gelembung mesej, anak panah) dengan pratonton langsung, kemudian salin nilai CSS clip-path yang tepat, sedia digunakan dalam projek anda.

Alat Reka Bentuk dan CSS Berjalan sepenuhnya dalam pelayar anda

Semua pemprosesan berlaku pada peranti anda — tiada apa-apa dihantar ke pelayan.

Bentuk

Kod CSS

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

Teruskan dengan

Sepenuhnya tempatan

Penjana Easing Cubic Bezier

Seret dua titik untuk mereka lengkung easing gerakan tersuai secara visual dan salin kod cubic-bezier.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penjana CSS Grid & Flexbox

Reka susun atur Grid atau Flexbox secara visual dengan pratonton langsung dan salin kod CSS yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penjana Border Radius CSS

Reka bentuk bucu bulat secara visual — termasuk bentuk tidak simetri — dan salin kod CSS.

Alat Reka Bentuk dan CSSBuka alat

Alat berkaitan

Sepenuhnya tempatan

Penjana Easing Cubic Bezier

Seret dua titik untuk mereka lengkung easing gerakan tersuai secara visual dan salin kod cubic-bezier.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penjana Glassmorphism CSS

Reka kesan kad kaca kabur (frosted-glass) secara visual dan salin kod CSS yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penjana CSS Grid & Flexbox

Reka susun atur Grid atau Flexbox secara visual dengan pratonton langsung dan salin kod CSS yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penukar Teks ke Tulisan Tangan

Tukar teks yang ditaip menjadi imej yang kelihatan seperti tulisan tangan pada kertas bergaris, dalam pelbagai gaya tulisan.

Alat Reka Bentuk dan CSSBuka alat

Sepenuhnya tempatan

Penjana Blob & Corak Latar Belakang SVG

Jana bentuk blob organik rawak atau corak latar belakang berulang tanpa sambungan sebagai SVG, dan salin atau muat turun.

Alat Reka Bentuk dan CSSBuka alat

Ingin mencuba Uddatak?

Layari perpustakaan alat yang lengkap dan mula gunakan apa yang anda perlukan sekarang — percuma, tanpa pendaftaran.

Lihat semua alat