()skew

با استفاده از تابع skew که برای ویژگی transform تعیین می شود می توانید یک عنصر را در فضای دو بعدی به صورت کج یا مورب تغییر شکل دهید.

می توانید اینطور تصور کنید که دو راس رو به روی یک مستطیل را گرفته و در جهت مخالف هم بکشید. در نتیجه مستطیل تبدیل به یک متوازى الاضلاع می شود:

مورب کردن عنصر در css

این تابع دو زاویه به عنوان پارامتر می گیرد که اولی عنصر را در راستای محور X کج می کند و دومی در راستای محور Y این تغییر شکل را انجام می دهد. اگر مقدار دوم تعیین نشود صفر در نظر گرفته می شود.


.element {    
  transform: skew(20deg, -15deg);
}

نکته مهم اینکه تابع skew در پیش نویس های اولیه ارایه شد و تا الان حذف شده است اما هنوز در برخی پیاده سازی ها استفاده می شود. از این تابع استفاده نکنید و برای اینگونه تغییر شکل ها از توابع skewX و skewY استفاده کنید.

 

پشتیبانی مرورگر ها

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *