Realtime Backdrop effects in Floating Webview


Im planing to make a ios style shortcuts window,

But i couldn't work backdrop effects in realtime, its only refreshes when windows switches

Backdrop Test.bttpreset (4.4 KB)


i found a way, its working like native window right now

just animated backdrop effect with css, its all dynamic now

-webkit-animation: backdrop 5s ease infinite;

@-webkit-keyframes backdrop {
0%{-webkit-backdrop-filter: blur(20px)}
100%{-webkit-backdrop-filter: blur(19px)}

it only has problems when switching spaces

Backdrop Test.bttpreset (4.8 KB)

Imprint | Privacy Policy