تابع ()matrix در CSS

matrix() Function

تابع ()matrix در CSS تمام توابعی که برای تغییرات ظاهری و مکان عنصر کاربرد دارند را در یک جا جمع کرده و با هم ترکیب می کند.

نحوه نوشتار

transform: matrix(1, -1, 3, 0, 20, 33);

transform: matrix( scaleX(), skewY(), skewX(), scaleY(), translateX(), translateY() );

در مثال زیر نحوه عملکرد این تابع CSS را میبینیم:

html

<div>normal</div>
<div class="mat">changed</div>

css

div {
    width: 50px;
    height: 50px;
    background-color: lightgreen;
}
.mat {
    transform: matrix(1, -2, 3, 0, 200, 33);
    background-color: pink;
}

مشاهده و ویرایش کد در حالت تمام صفحه

پشتیبانی مرورگرها
تمام مرورگرها از این ویژگی پشتیبانی می کنند.