Backdrop-filter blur css feature detection

Using JavaScript with Hype
1

Hi, I would like to use the Backdrop-Filter blur in Hype. But as it is not supported by many browsers, I´d like to implement a Javascript Code, which detects, if the used browser supports the backdrop-filter and depending on that change some other properties for the blured (or if not supported not blured) element.
Does anyone know, how such a detection code could look like?
Thanks a lot.

2

modernizr has got a check:

        if (Modernizr.backdropfilter) {
  console.log('supported')
} else {
  console.log('not-supported')
}

link

1 Like
3

Works fine! Thanks a lot!!!