Blur Objects natively ( Safari only )

I always used the frozen library to make the navbar and tapbar blured.
until I found this simple CSS code that makes it natively. I hope that works for them.

ONLY WORKS IN SAFARI FOR ME

background-color: rgba(255, 255, 255, 0.65); -webkit-backdrop-filter: saturate(180%) blur(20px); backdrop-filter: saturate(180%) blur(20px)

image

Thanks for the sharing.
I found -webkit-filter that can work also for android (chrome webview) that I think have the same result:
-webkit-filter: saturate(180%) blur(20px);
But I’m not sure where is the different between -webkit-backdrop-filter and -webkit-filter