Странности эффекта BLUR в браузерах
Захотелось мне сделать а всплывающего лайтбокса эффект матового стекла.Первым делом гугл выдал мне ссылку на сайт: https://developer.mozilla.org
ну захожу беру код оттуда. Все просто : строка CSS {backdrop-filter: blur(8px);} и всё :)
но листаю ниже и :
как так?
ЧТО НЕ ТАК ТО??
ведь код с мозиллы :
возможно у меня FireFox старый? :да нет, тут все нормЧТО НЕ ТАК ТО??
Подробнее
xo^0J!jB||!ZOW эшсичэ
0 А https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter
О Мо/Ла Ричг1ох Р1гей>х Browser 'У Уст^ювп^в последняя версия НеАох 88.0.1 (6+€ит***) Что нового Саааадйу&а ^тср^т ОСТАВАЛСЯ ОТКРЫТЬ*. публична и доступ*»* для осе» И КАЖДОГО. Хотите попу+>? Слегайте по*ертвос<з*«е или присоединяйтесь» ПРДМ ПМЫИ«!ОТ1 ПИКНМЯММТЯИДМ * тпгяш Р*ч*о* ■•.-я^тс* * :«>:•
Firefox Browser -У Установлена последняя версия Firefox 88.0.1 (64-6итный) Что нового
firefox,браузеры,chrome,программирование,geek,Прикольные гаджеты. Научный, инженерный и айтишный юмор,приколы для программистов,css,html
Еще на тему
это блурит сам объект - т.е. тот самый DIV который с инфой у меня поверх появляется.
А мне надо блурить то чо позади! А там динамичный CANVAS!
но там же : https://developer.mozilla.org/en-US/docs/Web/CSS/backdrop-filter
указана 70 версия
а у меня:
Для старых браузеров и фаерфокса блюр делают на основе дубля картинки, но это канает если у тебя четкое позиционирование, а если динамика и прыгает туда сюда, то ну его нафик, убери стекло и не еби себе мозг ))
т.е. SWF flash переделанный через AdobeAnimate под Canvas2D
Но наверное придется :(
https://codepen.io/GreggOD/pen/xLbboZ
В Хроме у меня коряво WebGL работает, а FF лучше. С блюром так и не решил :(
мысли есть...
Заходишь на сайт а там Alert("Включите эту хуйню в настройке...")
Так??
в мобильных браузерах backgroundSize: cover коряво работает ли вообще никак :(
при этом с Блюром всё ОК :)
...была одна головная боль, теперь 2