Почему цвет элемента отличается от макета?

Question

[Alex Ozerov]

В макете из фигмы есть хэдэр, полупрозрачный, выглядит вот так:

Инспектирую стили и применяю к своему хэдэру и получаю разительное отличие:

background: linear-gradient(90deg, rgba(41, 22, 102, 0.8) 0%, rgba(41, 22, 102, 0.8) 77.6%, rgba(43, 29, 112, 0.8) 89.06%, rgba(41, 22, 102, 0.8) 100%);
    backdrop-filter: blur(10px);

Весь макет пересмотрел вдоль и поперек, как только не пробовал делать background, все равно получаю такой же результат. На изображениях не настолько видно, что есть отличия, но в реальности видно не вооруженным глазом. Смотрел на разных мониторах, так что дело не в мониторах.

P.S. Чем еще можно заменить backdrop-filter, что бы было более кроссбраузерно?

Answer 1

[Юрий]

Очевидно, потому что фигма рендерит фильтры и градиенты не так, как браузер. Отучите дизайнера пользоваться фильтрами и градиентами в фигме. Режимами наложения тоже, та же проблема.

Comments

[Alex Ozerov]

я вот тоже грешу на дизайнера, но решил не делать поспешных выводов. Спасибо за ответ.