Why did the designer specify the matrix value in the layout?

Question

css

Hello! I'm making a layout from Figma. In one of the blocks, a background image is set, a gradient is applied, and a property is specified:


Why is the underlined property set on the screen? I don't quite understand.

PS It's not worth explaining here what trasnform: matrix is ​​responsible for. I found the definition of these properties and their meanings on the Internet. I'm more interested in the designer's logic.

Answer 1

It was not he who pointed out, but figma.
Like the valuesposition: absolute, left и top.

Answer 2

Why did the designer specify the matrix value in the layout?

the designer makes the design, and does not specify css properties there.
CSS generates figma for layout designers.
This means that he twisted the element so that figma thought that the transformation would do.

PS It's not worth explaining here what trasnform: matrix is ​​responsible for.

Or it’s still worth it, because it’s easy enough to understand or check what exactly this style is and see that the element is mirrored, which means the designer has reflected some of your element there. That's the whole logic.