جلسه ۷۱ : آموزش ۲D transform – قسمت ۱

• جزئیات
• نوع محتوافیلم آموزشی

• قیمت149,000 تومان

• افزودن به سبد خرید

با جلسه ۷۱ از آموزش طراحی وب در خدمت شما هستیم در این جلسه به آموزش ۲D transform می پردازیم.

آموزش ویژگی transform

ویژگی تِرنسفرم یا Transform یکی دیگر از ویژگی های زبان CSS می باشد که در ورژن ۳ یا css3 این زبان اضافه شده است که با استفاده از آن می توان عناصر مورد نظر را در یک صفحه وب تبدیل کرد.

مثلا ما می توانیم با استفاده از این ویژگی در یک صفحه وب  عناصر را بچرخانیم ( Rotate ) یا مقیاس پذیری ( Scale ) و یا مثلا می توانیم یک عنصر را بصورت مایل به نمایش درآوریم.

این  خاصیت تعدادی مقدار / تابع / حالت داره که ما می توانیم عناصرمون رو بصورت ۲ بعدی و یا ۳ بعدی به نمایش درآوریم که ما در این جلسه به ویژگی دوبعدی آن می پردازیم.

توابع ۲ بعدی (۲D) این ویژگی به شرح زیر می باشند :

• Matrix(n,n,n,n,n,n)
• Translate(x,y)
• TranslateX(x)
• TranslateY(y)
• Scale(x,y)
• ScaleX(x)
• ScaleX(Y)
• Rotate(angle)
• Skew(x-angle,y-angle)
• SkewX(angle)
• SkewY(angle)