آموزش انیمیشنسازی با css جلسه دوم| آموزش کار با scaleX در css
در جلسه اول از آموزش انیمیشنسازی با CSS به طور کلی به آموزش کار با translate پرداختیم. اما در این جلسه قصد داریم به آموزش کار با scaleX در css بپردازیم. همانطور که میدانید انیمیشنسازی در css به یک کار بسیار محبوب تبدیل شده است.
اکثر UIکارها به این تکنیکها مسلط هستند و دوست دارند از طریق صفحات جذابتری را طراحی کنند. با استفاده از انیمیشنسازی در CSS شما میتوانید صفحات جذابتر اما با دردسر کمتری تولید کنید. در این جلسه به آموزش ()scaleX و ()scaleY و ()scale میپردازیم که از جمله مباحث مهم در انیمیشسازی هستند. اگر علاقهمند به این موضوع هستید با ما همراه باشید.
از Scale در چه مواردی استفاده میشود؟ از خاصیت translate زمانی استفاده میشد که میخواستیم یک عنصر را در جهت خاصی حرکت دهیم. به عنوان مثال 20 پیکسل به سمت راست یا پایین ببریم. اما با استفاده از خاصیت Scale شما میتوانید عناصر مختلف صفحه را در جهت مشخصی به عنوان مثال چپ یا راست کوچک و یا بزرگ کنید. به عبارتی میتوانید سایز عناصر را با یک سری اعداد تغییر دهید.
همچنین میتوانید عناصر را قرینه کنید. استفاده از این تکنیک در .. ... ادامه مطلب