ویژگی transform: matrix() در CSS به شما امکان می‌دهد با استفاده از یک ماتریس 4x4 یک تبدیل 2 بعدی یا 3 بعدی را به یک عنصر اعمال کنید. این ماتریس می‌تواند حاوی مقادیری باشد که مقیاس scale، چرخش rotate، انحراف skewو ترجمه translate را نشان می‌دهد.

transform: matrix(a, b, c, d, e, f);

a: نشان دهنده مقیاس افقی است. scaleX

b :نشان دهنده انحراف افقی است. skewY

c :نشان دهنده انحراف عمودی است. skewX

d :نشان دهنده مقیاس عمودی است. scaleY

e :نشان دهنده ترجمه افقی است (حرکت در امتداد محور x) translateX

f :نشان دهنده ترجمه عمودی است (حرکت در امتداد محور y) translateY

نکته: scale رو ست کنید تا بتونید تغیرات رو ببینید.

مثال:

  transform: matrix(1, 0.5, 0, 1, 50, 50);