Lewati ke konten utama
Uddatak

Generator Glassmorphism CSS

Sesuaikan blur latar belakang, warna dan opasitas warna kaca, opasitas batas, dan kelengkungan sudut dengan penggeser langsung di atas latar belakang berwarna, lalu salin kode CSS yang tepat (termasuk awalan WebKit untuk Safari).

Alat Desain dan CSS Berjalan sepenuhnya di browser Anda

Semua pemrosesan dilakukan di perangkat Anda — tidak ada yang dikirim ke server.

Kode 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;

Lanjutkan dengan

Sepenuhnya lokal

Generator Box-Shadow CSS

Desain box-shadow CSS secara visual dengan penggeser dan salin kode yang dihasilkan.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Border-Radius CSS

Desain sudut membulat secara visual — termasuk bentuk asimetris — dan salin kode CSS.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Gradien CSS

Buat gradien CSS linear atau radial secara visual dan salin kodenya.

Alat Desain dan CSSBuka alat

Alat terkait

Sepenuhnya lokal

Generator Tata Letak CSS Grid & Flexbox

Rancang tata letak Grid atau Flexbox secara visual dengan pratinjau langsung dan salin kode CSS yang siap digunakan.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Konverter Teks ke Tulisan Tangan

Ubah teks yang diketik menjadi gambar yang terlihat seperti tulisan tangan di atas kertas bergaris, dengan beberapa gaya tulisan tangan.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Pembuat Blob SVG & Pola Latar Belakang

Buat bentuk organik acak (blob) atau pola latar belakang berulang mulus dalam SVG, lalu salin atau unduh.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Pembuat Animasi CSS Keyframe

Rancang animasi CSS secara visual (fade, geser, zoom, pantul, putar, balik) dan dapatkan kode @keyframes siap pakai.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Pembuat Harmoni Palet Warna

Pilih warna dasar dan dapatkan palet warna yang harmonis (komplementer, analog, triadik, tetradik, monokromatik).

Alat Desain dan CSSBuka alat

Siap mencoba Uddatak?

Jelajahi seluruh pustaka alat dan mulai gunakan apa yang Anda butuhkan sekarang — gratis, tanpa pendaftaran.

Jelajahi semua alat