Glassmorphism

Geser slider di sebelah untuk mengatur efek kaca ini secara realtime.

✨ Generator

Blur (Buram)16px

Transparency (Tembus)0.25

Saturation (Warna)180%

Border Radius (Lengkung)24px

CSS Result

background: rgba(255, 255, 255, 0.25);
backdrop-filter: blur(16px) saturate(180%);
-webkit-backdrop-filter: blur(16px) saturate(180%);
border-radius: 24px;
border: 1px solid rgba(255, 255, 255, 0.125);

Tailwind Class (Approx)

bg-white/25 backdrop-blur-[16px] backdrop-saturate-[1.8] rounded-[24px] border border-white/10