@ozerovlife

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

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

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, что бы было более кроссбраузерно?
  • Вопрос задан
  • 265 просмотров
Решения вопроса 1
@cheeroque
Очевидно, потому что фигма рендерит фильтры и градиенты не так, как браузер. Отучите дизайнера пользоваться фильтрами и градиентами в фигме. Режимами наложения тоже, та же проблема.
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы