Pembuat CSS
- File tidak meninggalkan perangkat Anda
- Berjalan di browser
- Gratis, tanpa daftar, tanpa watermark
Tailwind (arbitrary value)
shadow-[0_10px_15px_-3px_rgba(0,0,0,0.1),0_4px_6px_-4px_rgba(0,0,0,0.1)]Cara memakai Pembuat CSS
Hasilkan CSS secara visual dengan pratinjau langsung: bayangan kotak, clip path, easing cubic bezier, glassmorphism, radius blob, dan bayangan teks. Setiap pembangkit memberi CSS polos dan kelas nilai sembarang Tailwind, siap disalin.
- 1
Pilih pembangkit: Bayangan kotak, Clip path, Cubic bezier, Glassmorphism, Radius blob, atau Bayangan teks.
- 2
Mulai dari preset, atau sesuaikan penggeser dan warna.
- 3
Seret langsung di pratinjau jika ditawarkan: titik clip-path, dua gagang bezier, atau gagang blob.
- 4
Salin CSS atau kelas Tailwind dari keluaran di bawah.
Pertanyaan umum
Bisakah saya menumpuk beberapa bayangan?
Ya. Di Bayangan kotak, klik Tambah lapisan untuk menggabungkan lapisan, masing-masing dengan offset, blur, sebaran, warna, opasitas, dan inset sendiri.
Bagaimana cara menambah atau menghapus titik pada clip path?
Klik dua kali tepi bentuk untuk menambah titik; pilih titik lalu tekan Delete untuk menghapusnya. Bentuk Lingkaran, Elips, dan Inset memakai penggeser.
Mengapa saya tidak bisa melihat efek kaca?
backdrop-filter hanya memburamkan apa yang ada di belakang elemen, jadi membutuhkan latar yang berwarna atau ramai. Keluaran menyertakan awalan -webkit- untuk Safari.
Apa yang dilakukan nilai bezier di luar 0–1?
Nilai Y di atas 1 atau di bawah 0 membuat gerakan melampaui, yang memberi efek pantulan atau antisipasi. Tekan Putar untuk membandingkannya dengan gerakan linear.
Apakah keluaran Tailwind membutuhkan plugin?
Tidak. Keluaran memakai sintaksis nilai sembarang Tailwind, seperti rounded-[…] atau [clip-path:…], yang bekerja di Tailwind standar.