This is a mobile optimized page that loads fast, if you want to load the real page, click this text.

backdrop filter blur on transparent background

akudinov28

Старожил
24 Фев 2021
413
204
106
Приветствую обитателей форума.
Есть тут гуру вёрстки? Столкнулся тут с одним нюансом, и теперь думаю, возможно ли сделать подобное, и как.

Суть: наш любимый CEF накладывается поверх игры, при этом фон страницы (body) является прозрачным, позади него видно игру. Однако я хотел бы в некоторых моментах размыть всё, что находится позади интерфейса (по-сути, применить фильтр blur к игре).
Пробовал ради интереса применить backdrop-filter: blur(10px) к основному контейнеру страницы, но это решение не работает. Оно и логично, ведь размыть можно что-то, а если там ничего нет (с точки зрения CEF), то и размывать нечего.
Пробовал использовать нативку triggerScreenblurFadeIn, но она как-то уж очень сильно блюррит, и я не нашел возможности управлять степенью размытия. Кроме того, она как-будто делает что-то с цветами, они слишком сильно отсвечивать начинают.

При этом на маджестике такой эффект реализован в инвентаре, например. Вот хотелось бы понять, как такое реализовать. Может кто сталкивался уже?
 

Inoi

/dev/null
Команда форума
Moderator
VIP
15 Окт 2020
4,084
2,006
208
35

enotit

Высший разум
High developer
BackEnd developer
13 Ноя 2020
1,634
520
187
22
Тебе область какую-то заменить нужно? Или весь экран?

Вообще, был баг (в старом по крайней мере браузере), если полупрозрачный на полупрозрачный - будет глитч.
Однако в игре, можно ещё скринэфект попробовать (судя по картинкам может подойти BeastTransition) https://wiki.rage.mp/index.php?title=Screen_FX
 

akudinov28

Старожил
24 Фев 2021
413
204
106
Попробую, интересно даже. Спасибо.

Мне нужно заблюррить игру, оставив при этом незаблюренным CEF.
Тоже гляну, спасибо. Как попробую - отпишусь.
 

enotit

Высший разум
High developer
BackEnd developer
13 Ноя 2020
1,634
520
187
22
Мне нужно заблюррить игру, оставив при этом незаблюренным CEF.
Главное понимать, что это просто два разных слоя. Рейг, а на нём браузер(-ы). Следовательно, через rage манипулировать версткой или наоборот (если не навешать ручек между ними). Просто вместо пустой страницы (белый фон), виднеется игра.
 

akudinov28

Старожил
24 Фев 2021
413
204
106
Так я понимаю. В этом и прикол, что вместо белой страницы пустой фон, что цеф не знает о раге. Для него там пустота, которую заблюрить нельзя.
 
Реакции: enotit