Langkau ke kandungan utama
Uddatak

Penjana Glassmorphism CSS

Laraskan backdrop blur, warna dan opacity ton kaca, opacity sempadan, dan jejari bucu menggunakan slider langsung di atas latar belakang berwarna-warni, kemudian salin kod CSS yang tepat (termasuk prefix WebKit untuk Safari).

Alat Reka Bentuk dan CSS Berjalan sepenuhnya dalam pelayar anda

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

Kod CSS

background: rgba(255, 255, 255, 0.20);
backdrop-filter: blur(12px);
-webkit-backdrop-filter: blur(12px);
border: 1px solid rgba(255, 255, 255, 0.30);
border-radius: 20px;

Teruskan dengan

Sepenuhnya tempatan

Penjana Box Shadow CSS

Reka bayang-bayang box-shadow CSS secara visual menggunakan slider dan salin kod yang dijana.

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
Sepenuhnya tempatan

Penjana Gradien CSS

Bina gradien CSS linear atau radial secara visual dan salin kodnya.

Alat Reka Bentuk dan CSSBuka alat

Alat berkaitan

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
Sepenuhnya tempatan

Penjana Animasi Keyframe CSS

Reka animasi CSS secara visual (fade, slide, zoom, bounce, rotate, flip) dan dapatkan kod @keyframes yang sedia digunakan.

Alat Reka Bentuk dan CSSBuka alat
Sepenuhnya tempatan

Penjana Harmoni Palet Warna

Pilih warna asas dan dapatkan palet warna harmoni (komplementari, analog, triadik, tetradik, monokromatik).

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