Back to notes

Performance Tip: Backdrop Filter

Performance tip: excessive use of backdrop-filter: blur() can kill GPU performance on mobile devices, especially on large areas or when stacked.

Use it sparingly, or fallback to simple opacity layers on low-power devices.

@supports (backdrop-filter: blur(10px)) {
  .glass {
    backdrop-filter: blur(10px);
  }
}
Home
Work
Projects
Articles
Notes
Theme