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; }
مشاهده و ویرایش کد در حالت تمام صفحه
پشتیبانی مرورگرها
تمام مرورگرها از این ویژگی پشتیبانی می کنند.
سلام
عالی بود ترتیب ها رو گذاشتین ، ممنونم
transform: matrix(1, -1, 3, 0, 20, 33);
transform: matrix( scaleX(), skewY(), skewX(), scaleY(), translateX(), translateY() );