۱ emad ta
انیمیشن سازی در CSS۳ خلاصه  اول - ۲D-transform در css
جامعه Html & CSS ایجاد شده در ۲۱ مرداد ۱۳۹۹

سلام دوستان خلاصه مطالبی که استاد توی این جلسه گفتن رو قرار دادم اگه مطلب اضافه‌تری رو دارین که بنده جا انداختم

لطفا اضافه کنید

 

transform : برای تغیر وضعیت یا جابه جایی عناصر استفاده میکنیم 

 

1- () translate جابه جایی یک عنصر نسبت به والدش که دو مقدار میگیرد که مقدار اول در راستای محور x  و مقدار دوم در راستای محور y 

 

2- () rotate  به معنی چرخش هست یعنی ما یک عنصر رو میتوانیم حول یکی از راس هاش بیایم و بچرخونیم که چندیدن حالت دارد که خودش می‌تواند ترکیبی از حالت‌های مختلف را بگیرد که مقدار اول در راستای محور x  و مقدار دوم در راستای محور y و مقدار سوم در راستای محور z 

 

3- () scale بزگ نمایی متناسب با مقادیر عددی که بهش میدهیم میاد و تصویر رو بزرگ‌تر میکند که دو مقدار میگیرد مقدار  اول در راستای محور x و مقدار دوم در راستای محور y

 

4- ()  skew به معنی انحراف و کجی اون ساختار مارو میاد حلو محور‌های x و y کج میکند و با استفاده از آن می‌توانیم به تصاویرمون انحراف بدهیم 

 

5-() matrix اقدام شده ی حالت‌های قبلی هستش 

 

 

دوستان برای ماتریکس توضیحات بیشتر و بهترشون اقا علی قربان زاده دادن ولی بنده برای کامل کردن مطلب خلاصه مطالب ایشون رو هم میارم 

 

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

 

emad ta ۲۱ مرداد ۱۳۹۹، ۱۸:۱۷