◻ Satu perangkat,
setiap tugas desain

Pembuat Bayangan

Pembuat bayangan kotak interaktif dengan pratinjau Canvas real-time multi-lapisan, dan keluaran CSS.

English 中文 日本語 한국어 Español Português Français Deutsch العربية हिन्दी ไทย Tiếng Việt Bahasa Русский

◻ Pembuat Bayangan

Panduan Bayangan Kotak

Bayangan kotak menambah kedalaman elemen UI dengan menyimulasikan pencahayaan dan ketinggian. Bayangan yang dirancang dengan baik menciptakan hierarki visual dan membuat antarmuka terasa lebih mudah disentuh.

Sesuaikan offset horizontal, offset vertikal, blur, penyebaran, warna, dan opacity. Pratinjau Canvas diperbarui secara real-time. Salin kode CSS jika sudah puas.

Pro Tips

Frequently Asked Questions

Q: Apa perbedaan antara buram dan menyebar?
Apa perbedaan antara buram dan menyebar? Blur mengontrol seberapa lembut tepi bayangan. Spread mengontrol seberapa besar bayangan meluas.
Q: Berapa banyak lapisan bayangan yang harus saya gunakan?
Berapa banyak lapisan bayangan yang harus saya gunakan? 1-2 lapis biasanya cukup. Gunakan bayangan sisipan untuk kedalaman bagian dalam.
Q: Berapa banyak lapisan bayangan kotak yang harus saya gunakan?
Berapa banyak lapisan bayangan kotak yang harus saya gunakan? Desain profesional sering kali menggunakan 2-4 lapisan untuk kedalaman. Mulailah dengan bayangan kecil yang rapat, tambahkan bayangan sebaran sedang, dan secara opsional tambahkan bayangan sekitar yang besar. Alat ini mendukung lapisan tanpa batas.
Q: Apa dampak kinerja box-shadow?
Apa dampak kinerja box-shadow? Beberapa bayangan kotak mempunyai dampak yang dapat diabaikan. Terlalu banyak bayangan buram dapat memengaruhi kinerja gulir pada perangkat kelas bawah. Alat ini menampilkan pratinjau waktu nyata sehingga Anda dapat menilai sebelum menyalin.
Q: Bisakah saya membuat bayangan bagian dalam (inset)?
Bisakah saya membuat bayangan bagian dalam (inset)? Versi saat ini berfokus pada bayangan luar. Untuk bayangan bagian dalam, tambahkan kata kunci "inset" secara manual ke awal nilai bayangan kotak CSS yang dihasilkan.

Warna Batik Indonesia

Dari coklat sogan hingga biru indigo, warna batik Indonesia mewarisi teknik pewarnaan alami dari daun indigo, kulit pohon soga, dan kunyit. Setiap warna menyimpan filosofi Jawa yang dalam.

Coklat Sogan #8B4513

Warna khas batik klasik dari kulit pohon soga

Biru Indigo #1A3A5C

Pewarna alami dari daun indigo (nila)

Merah Batik #C41E3A

Warna berani khas batik pesisir

Kuning Kunyit #E3A857

Kuning alami dari rimpang kunyit

Hijau Lumut #8A9A5B

Warna alami dari campuran indigo dan kunyit

Ungu Terong #614051

Warna buah terong khas batik Sidoarjo

Krem Batik #F5F0E1

Warna dasar kain mori sebelum dibatik

Hitam Pekat #1B1B1B

Hitam dari getah pohon tingi untuk batik keraton

Biru Langit #4A90D9

Warna langit cerah khas batik pesisir

Oranye Jingga #FF7F00

Warna cerah khas batik kontemporer

Q: Apa itu warna sogan?
Apa itu warna sogan? Sogan (#8B4513) adalah warna coklat khas batik klasik yang dihasilkan dari kulit pohon soga. Warna ini identik dengan batik keraton Yogyakarta dan Solo yang elegan.
Q: Bagaimana warna indigo batik dibuat?
Bagaimana warna indigo batik dibuat? Biru indigo (#1A3A5C) dibuat dari daun indigo (Indigofera tinctoria) yang direndam dan difermentasi. Pewarna alami ini telah digunakan sejak zaman kerajaan Jawa.