CSS: تبدیل و انتقال

مدرس Patrick Carey

انتشار 2018/05/15

به‌روز‌رسانی 2021/06/04

مدت زمان 1h 56m

سطح متوسط

فایل تمرینی دارد

آموزش CSS: Transforms and Transitions

وب سایت های بصری جالب و پویاتری ایجاد کنید. آموزش ساخت افکت های متحرک و اشیاء سه بعدی با استفاده از تبدیل ها و انتقال های CSS. با نویسنده پاتریک کری همراه باشید زیرا او نحوه انتقال بین ویژگی‌هایی مانند رنگ، پس‌زمینه، کدورت و موقعیت‌یابی را نشان می‌دهد و زمان و مدت انتقال را تنظیم می‌کند. پاتریک نحوه انجام تبدیل‌های دو بعدی مانند مقیاس‌بندی، کج کردن و چرخش و همچنین تبدیل‌های سه بعدی را توضیح می‌دهد. او نشان می دهد که چگونه می توان اجسام را در امتداد محور X، Y- و Z تبدیل کرد. استفاده از دیدگاه؛ و اشیاء سه بعدی مانند مکعب های متحرک ایجاد کنید. صفحات نمایشی تعاملی همراه با فایل‌های تمرین گنجانده شده‌اند، بنابراین می‌توانید پس از هر ویدیو، آنچه را که یاد گرفته‌اید تمرین کنید.

Cascading Style Sheets (CSS)

Introduction

Welcome ()

What you should know ()

1. Exploring Transitions

Apply CSS transitions ()

Manage transition timing ()

Steps and delays ()

Create an asymmetric transition ()

Challenge: Making hyperlinks come alive ()

Solution: Making hyperlinks come alive ()

2. Working with 2D Tranformations

The 2D transformation styles ()

Combine transformations ()

The matrix transformation ()

Multiply matrix transformations ()

Challenge: Matrix transformation challenge ()

Solution: Matrix transformation challenge ()

3. Working with 3D Transformations

Translations in 3D space ()

Rotations and scaling in 3D ()

Multiple transformations in 3D ()

The matrix 3D transformation ()

Challenge: 3D transformation challenge ()

Solution: 3D transformation challenge ()

4. Working in 3D Space

Perspective in 3D space ()

Working with backfaces ()

Create a 3D cube ()

Challenge: Pyramid challenge ()

Solution: Pyramid challenge ()

Conclusion

Next steps ()

Ex_Files_CSS_Transforms_Transitions.zip (48.5 MB)

Ex_Files_CSS_Transforms_Transitions_Upd.zip (6.0 MB)

دانلود فایل فشرده

با توجه به امکانات آموزش و همچنین امکانات بسته انتخاب شده لینک دانلود فایل فشرده آماده خواهد شد. با در نظر داشتن این شرایط لطفا بسته مورد نظر خود را انتخاب کرده و روی دکمه درخواست لینک دانلود کلیک کنید

در حال به روزرسانی اطلاعات

درخواست لینک دانلود

در حال به روزرسانی اطلاعات

لطفا قبل از فعالسازی لینک دانلود به موارد زیر توجه کنید:

پسورد فایل‌های فشرده است.
لینک‌های آماده شده تا 8 روز پس از فعالسازی منقضی خواهند شد.
حجم فایل‌ها تخمینی هستند.
در صورتی که لینک دانلود تا 15دقیقه پس از درخواست آماده نشد، از بخش پشتیبانی پیگیری نمایید.

مسیرهای یادگیری آموزش CSS: تبدیل و انتقال

یکی از مهمترین مشکلات افرادی که از آموزش های آنلاین استفاده می‌ کنند این است به دلیل تعداد زیاد این آموزش ها، کاربر دچار سردرگمی شده و نمی داند از کدام آموزش بهتر است شروع کند و یا با کدام آموزش ها مهارت های خود را ارتقا دهد. داشتن یک برنامه آموزشی گام به گام میتواند کاربران را از این مشکلات رها کند. در واقع مسیرهای یادگیری مجموعه ای از آموزش ها هستند که به ترتیب اولویت در کنار هم قرار گرفته اند تا کاربران را از این سردرگمی ها نجات دهند. این مسیرها در موضوعات مختلفی دسته بندی شده‌اند که در زیر، لیستی از همه دسته بندی مسیرهایی که توسط سایت لیندا ارائه شده اند را می توانید مشاهده کنید.

آموزش CSS: Transforms and Transitions در 1 مسیر آموزشی قرار دارد. تخصص مورد نظر خود را انتخاب کنید، با مسیر یادگیری آن همراه شوید و حرفه ای شوید.

برگه های سبک آبشاری (CSS) یک مهارت اصلی برای توسعه دهندگان وب و طراحان وب است. بیاموزید که چگونه الگوی Decorator در قلب CSS به شما امکان می دهد استایل ها را از طریق انتخابگرها اعمال کنید. انواع گزینه‌های طرح‌بندی را کاوش کنید و بیاموزید که چگونه سایت‌ها و برنامه‌ها را با تایپوگرافی و انیمیشن بدرخشید.

آموزش CSS: تبدیل و انتقال ، ایستگاه شماره 12 در مسیر یادگیری CSS را یاد بگیرید ، است.