Glassmorphism adalah gaya desain UI yang memakai efek kaca buram: lapisan semi-transparan, blur latar belakang, dan border halus yang membiarkan warna latar bersinar menembusnya. Dipopulerkan Apple dan Microsoft, kini menjadi teknik standar dalam desain antarmuka modern.
Atur radius blur, transparansi putih, ketebalan border, dan radius sudut untuk membuat kartu kaca Anda. Pratinjau menampilkan panel buram realistis di atas latar warna-warni, dan output CSS otomatis menyertakan prefiks -webkit- untuk kompatibilitas Safari.
Frequently Asked Questions
Q: Apa itu backdrop-filter?
Apa itu backdrop-filter? Ia menerapkan efek visual (seperti blur) ke semua yang ada DI BELAKANG sebuah elemen. Berbeda dari filter yang memengaruhi elemen itu sendiri, backdrop-filter hanya memburamkan latar sambil menjaga lapisan kaca tetap tajam.
Q: Apakah glassmorphism berfungsi di semua browser?
Apakah glassmorphism berfungsi di semua browser? Semua browser modern mendukung backdrop-filter. Safari memerlukan prefiks -webkit-backdrop-filter, yang otomatis disertakan pada CSS yang dihasilkan.
Q: Apakah glassmorphism masih tren di 2026?
Apakah glassmorphism masih tren di 2026? Ya. Ia telah berevolusi dari sekadar tren menjadi bahasa desain mapan yang dipakai Apple, Microsoft, dan aplikasi fintech besar seperti Revolut dan N26.
Q: Latar apa yang terbaik untuk kartu kaca?
Latar apa yang terbaik untuk kartu kaca? Gradasi cerah ungu, biru, merah muda, atau teal paling cocok. Latar harus cukup berwarna agar terlihat menembus lapisan buram.
Q: Apakah backdrop-filter mengganggu performa?
Apakah backdrop-filter mengganggu performa? Beberapa elemen kaca berdampak kecil. Puluhan backdrop-filter bertumpuk bisa memperlambat scroll di perangkat kelas bawah — gunakan hanya pada permukaan utama.
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 #8B4513Warna khas batik klasik dari kulit pohon soga
Biru Indigo #1A3A5CPewarna alami dari daun indigo (nila)
Merah Batik #C41E3AWarna berani khas batik pesisir
Kuning Kunyit #E3A857Kuning alami dari rimpang kunyit
Hijau Lumut #8A9A5BWarna alami dari campuran indigo dan kunyit
Ungu Terong #614051Warna buah terong khas batik Sidoarjo
Krem Batik #F5F0E1Warna dasar kain mori sebelum dibatik
Hitam Pekat #1B1B1BHitam dari getah pohon tingi untuk batik keraton
Biru Langit #4A90D9Warna langit cerah khas batik pesisir
Oranye Jingga #FF7F00Warna 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.