Alat CSS

Buat CSS yang rapi dan siap salin-tempel secara visual dengan alat gratis ini — box shadow, gradien, border-radius, flexbox, grid, animasi, clip-path, dan filter — dengan pratinjau langsung saat Anda menyesuaikan setiap nilai.

Bayangan, filter, dan sentuhan akhir

⬛

Generator CSS Box Shadow

Rancang box-shadow secara visual dengan pratinjau langsung dan salin CSS-nya.

Generator CSS Text Shadow

Rancang text-shadow dengan pratinjau langsung dan salin CSS-nya.

◳

Generator Neumorphism

Buat bayangan neumorfik soft-UI dengan pratinjau langsung dan salin.

▢

Generator Glassmorphism

Buat CSS kartu kaca buram dengan blur, transparansi, saturasi, dan warna tint.

☼

Generator CSS Filter

Susun filter CSS dengan slider dan pratinjau langsung, lalu salin.

T○

Garis Teks CSS

Tambahkan garis luar atau stroke pada teks dan salin CSS-nya.

▌

Penata Gaya Scrollbar CSS

Tata gaya scrollbar kustom dan salin CSS ::-webkit-scrollbar.

Bentuk, gradien, dan latar

⬭

Generator CSS Border Radius

Atur radius tiap sudut dengan pratinjau langsung dan salin CSS-nya.

◇

Generator CSS clip-path

Potong elemen menjadi bentuk umum dan salin CSS clip-path-nya.

▲

Generator CSS Triangle

Hasilkan segitiga murni CSS ke segala arah dan salin CSS-nya.

▤

Generator CSS Gradient

Buat gradient linear atau radial dengan pratinjau langsung dan salin CSS-nya.

▩

Pola Latar Belakang CSS

Hasilkan pola latar belakang CSS dengan dua warna dan salin.

Tata letak dan desain responsif

⬓

Area Uji CSS Flexbox

Bereksperimen dengan properti flexbox pada pratinjau langsung dan salin CSS yang dihasilkan.

▦

Generator CSS Grid

Hasilkan tata letak CSS grid dengan kolom, baris, dan jarak yang dapat disesuaikan, lengkap dengan pratinjau langsung.

Pembuat CSS Media Query

Buat @media query responsif dengan preset dan salin.

▭

Kotak Rasio Aspek CSS

Hasilkan kotak rasio aspek responsif dengan fallback padding.

‖

Tata Letak Multi-Kolom CSS

Hasilkan tata letak teks multi-kolom CSS dengan garis pemisah.

Gerak, transformasi, dan animasi

⤢

Generator CSS Transform

Gabungkan translate, rotate, scale, dan skew menjadi satu CSS transform dengan pratinjau langsung.

⤿

Generator Animasi CSS

Buat animasi keyframe, pratinjau langsung, dan salin CSS-nya.

⌒

Generator CSS Easing

Pilih atau buat easing cubic-bezier dan putar ulang pada titik pratinjau yang dianimasikan.

◜

Generator Spinner CSS

Hasilkan spinner pemuatan CSS murni dan salin CSS-nya.

Tidak ada alat yang cocok.