Для чего в макете дизайнер указал значение matrix?

Question

[Фёдор]

Верстаю макет из Figma. В одном из блоков задан фоновое изображение, наложен градиент и указано свойство:


Для чего задано подчёркнутое свойство на скрине?

P.S. Не стоит тут разъяснять за что отвечает trasnform: matrix. Определение этих свойств и их значения я нашёл в интернете. Меня больше интересует логика дизайнера.

Comments

[WapSter]

Дизайнеру заняться, что ли нечем? Это сгенерированные стили.

[dmitry-toster]

а наркоманская логика дизайнера использовать значения 1441.99, 1048.11 и тд не смутила?

Answer 1

[Lord_Dantes]

Это не он указывал, а фигма.
Как и значения position: absolute, left и top.

Comments

[Фёдор]

Ох, спасибо. То я уже голову сломал. Есть ещё свойство drop-shadow, это уже дизайнер ставил или всё тоже фигма?

[Lord_Dantes]

Фёдор, давайте определимся что делает дизайнер, а что фигма.
Дизайнер - рисует макет сайта. Он не пишет CSS и думаю не хотел бы.
Фигма - это приложение которое из макета который нарисовал дизайнер, превращает в многофункциональные слои которые разбиты между собой и определены стилями. Поэтому в фигме присутствует понятие позиционирование элементов через absolute, а не например

display: flex (хотя он там тоже может присутствовать).

Ответ на ваш вопрос: drop-shadow смотря из ситуации, может быть лишним, а может и не быть. Смотрите на макет и сверяйте верстку с ним.

[Фёдор]

Slava, там стоит тёмный градиент. Чёрный цвет и не понятно, какой там drop-shadow. В целом спасибо. Где-то на подкорках сознания вспоминается статья Хабра, про Фигму. Там писали, что иногда не стоит обращать внимание на некоторые написанные свойства. Так как они не совпадают с реалиями того, что действительно требуется и что лучше спросить у дизайнера.

Но так как, рядом дизайнера нет, а данный макет вообще верстается для портфолио, то в целом Ваши ответы дали мне разъяснения касательно Figma.

Answer 2

[Александр Аксентьев]

Для чего в макете дизайнер указал значение matrix?

дизайнер делает дизайн, а не указывает там css свойства.

CSS генерирует фигма для верстальщиков.

Значит что он покрутил элемент так что фигма посчитала что подойдёт трансформация.

P.S. Не стоит тут разъяснять за что отвечает trasnform: matrix.

Или всё таки стоит, потому что достаточно легко понять или проверить что конкретно этот стиль и увидеть что элемент зеркалится, значит дизайнер отразил какой-то там ваш элемент. Вот и вся логика.

Comments

[Фёдор]

Стоит отметить, что это мой первый опыт пользования данным редактором после ФШ.

[Дмитрий Беляев]

Фёдор, стоит отметить, что ФШ - это инструмент фотографа, но никак не дизайнера или верстальщика. Дизайнеры из начала нулевых использовали ФШ за неимением целевых инструментов, но сейчас таких дизайнеров, устаревших на 20 лет, стоит оставлять без хлеба.