Baca 8 menit
[DUMMY] Membuat ulang Liquid Glass di browser
Blur bukan lensa. Apa yang benar-benar menjual efeknya, dan apa yang memang mustahil tanpa Metal.
cssdesign
Kesalahannya adalah mengandalkan satu backdrop-filter: blur(). Kaca sungguhan terdiri dari tint, backdrop yang di-blur, bevel di dalam, rim gradien, dan sorotan specular — dan bevel-lah yang menjual ketebalan, bukan blur-nya.
Urutan filter menentukan
Displacement harus dijalankan sebelum blur. Kalau blur duluan, tidak ada tepi tajam tersisa untuk dibengkokkan, dan panelnya cuma terlihat sedikit lebih terang.