100% di peramban
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.
⬛
Generator CSS Box Shadow
Rancang box-shadow secara visual dengan pratinjau langsung dan salin CSS-nya.
⬭Generator CSS Border Radius
Atur radius tiap sudut dengan pratinjau langsung dan salin CSS-nya.
▤Generator CSS Gradient
Buat gradient linear atau radial dengan pratinjau langsung dan salin CSS-nya.
TGenerator CSS Text Shadow
Rancang text-shadow dengan pratinjau langsung dan salin CSS-nya.
▲Generator CSS Triangle
Hasilkan segitiga murni CSS ke segala arah dan salin CSS-nya.
⬓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.
⤢Generator CSS Transform
Gabungkan translate, rotate, scale, dan skew menjadi satu CSS transform dengan pratinjau langsung.
⌒Generator CSS Easing
Pilih atau buat easing cubic-bezier dan putar ulang pada titik pratinjau yang dianimasikan.
▢Generator Glassmorphism
Buat CSS kartu kaca buram dengan blur, transparansi, saturasi, dan warna tint.
◇Generator CSS clip-path
Potong elemen menjadi bentuk umum dan salin CSS clip-path-nya.
☼Generator CSS Filter
Susun filter CSS dengan slider dan pratinjau langsung, lalu salin.
⤿Generator Animasi CSS
Buat animasi keyframe, pratinjau langsung, dan salin CSS-nya.
◜Generator Spinner CSS
Hasilkan spinner pemuatan CSS murni dan salin CSS-nya.
▩Pola Latar Belakang CSS
Hasilkan pola latar belakang CSS dengan dua warna dan salin.
◳Generator Neumorphism
Buat bayangan neumorfik soft-UI dengan pratinjau langsung dan salin.
@Pembuat CSS Media Query
Buat @media query responsif dengan preset dan salin.
▌Penata Gaya Scrollbar CSS
Tata gaya scrollbar kustom dan salin CSS ::-webkit-scrollbar.
▭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.
T○Garis Teks CSS
Tambahkan garis luar atau stroke pada teks dan salin CSS-nya.