Lewati ke konten utama
Uddatak

Generator Box-Shadow CSS

Sesuaikan offset, blur, spread, warna, dan opasitas dengan penggeser langsung untuk mendesain efek box-shadow pada kartu pratinjau, lalu salin properti CSS box-shadow yang tepat — termasuk dukungan untuk beberapa bayangan bertumpuk.

Alat Desain dan CSS Berjalan sepenuhnya di browser Anda

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

Kode CSS

box-shadow: 0px 8px 20px -2px rgba(0, 0, 0, 0.25);

Lanjutkan dengan

Sepenuhnya lokal

Generator Gradien CSS

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

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

Konverter PX ke REM

Konversi antara piksel dan satuan rem, berdasarkan ukuran font root khusus.

Alat Desain dan CSSBuka alat

Alat terkait

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

Konverter PX ke REM

Konversi antara piksel dan satuan rem, berdasarkan ukuran font root khusus.

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Ekstraktor Palet Warna

Ekstrak warna paling dominan dari gambar apa pun, dengan kode HEX, RGB, dan CSS

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Generator Tangkapan Layar Kode

Tempel kode dan ubah menjadi gambar rapi dengan latar belakang gradien dan bilah judul, siap dibagikan

Alat Desain dan CSSBuka alat
Sepenuhnya lokal

Simulator Buta Warna

Lihat bagaimana gambar Anda terlihat bagi seseorang dengan buta warna (protanopia, deuteranopia, tritanopia, atau akromatopsia)

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