انیمیشن سازی در CSS۳ خلاصه  اول - ۲D-transform در css

پرسیده شده
فعالیت 1325 روز پیش
دیده شده 646 بار
10

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

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

 

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

 

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

 

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

 

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

 

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

 

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

 

 

فایل پیوست

emad ta
emad ta

21 مرداد 99

9
حذف شده

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

 

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

 

فایل پیوست

emad ta

توسط

emad ta

21 مرداد 99