دوره آموزشی CSS : تبدیل، تغییر و انتقال
1 ساعت 57 دقیقهمتوسط2021-06-03
مدرسین

Patrick Carey
Author with 20 years' experience writing textbooks
جزئیات دوره
وب سایت های بصری جالب و پویا ایجاد کنید. یاد بگیرید چگونه برای ایجاد افکتهای متحرک و اشیاء 3D از تبدیل و انتقال در CSS استفاده کنید. با مدرس پاتریک کری، همراه شوید، تا به شما نشان دهد که چگونه تبدیل و انتقال بین خواص مانند رنگ، پس زمینه، opacity، و موقعیت قرار می گیرد و چگونه زمان و طول مدت انتقال را تنظیم کنید. پاتریک توضیح می دهد چگونه تحولات 2D، مانند مقیاس، شکاف، و چرخش، و همچنین تحولات در 3D انجام میشود. او نشان می دهد که چگونه اشیا را در محور X، Y و Z تغییر دهید. چشم انداز استفاده و ایجاد اشیاء 3D مانند مکعب های متحرک. صفحات نمایشی تعاملی با فایل های تمرینی همراه هستند، بنابراین می توانید آنچه را که پس از هر ویدیو آموخته اید تمرین کنید.
اهداف یادگیری
اعمال انتقال CSS
مدیریت زمان گذار
ایجاد تحولات دو بعدی
چرخش و مقیاس بندی به صورت سه بعدی
کار در فضای سه بعدی
اهداف یادگیری
اعمال انتقال CSS
مدیریت زمان گذار
ایجاد تحولات دو بعدی
چرخش و مقیاس بندی به صورت سه بعدی
کار در فضای سه بعدی
مهارت ها
CSSWeb StandardsWeb DesignFront-End Web DevelopmentWeb DevelopmentOpen SourceDeep Dive (X:Y)
سرفصل ها
0. مقدمه
- 01 - خوش آمدید
- 02 - آنچه باید بدانید
1. کاوش در انتقال
- 03 - انتقال CSS را اعمال کنید
- 04 - زمان انتقال را مدیریت کنید
- 05 - مراحل و تاخیرها
- 06 - یک انتقال نامتقارن ایجاد کنید
- 07 - چالش - زنده کردن لینک ها
- 08 - راه حل - زنده کردن هایپرلینک ها
2. کار با دگرگونیهای دو بعدی
- 09 - سبکهای تبدیل 2 بعدی
- 10 - تبدیلها را ترکیب کنید
- 11 - تبدیل ماتریس
- 12 - تبدیلهای ماتریسی را ضرب کنید
- 13 - چالش - چالش تبدیل ماتریس
- 14 - راه حل - چالش تبدیل ماتریس
3. کار با تبدیلهای سه بعدی
- 15 - ترجمه در فضای سه بعدی
- 16 - چرخش و مقیاس بندی به صورت سه بعدی
- 17 - تبدیلهای متعدد به صورت سه بعدی
- 18 - تبدیل 3 بعدی ماتریس
- 19 - چالش - چالش تبدیل 3 بعدی
- 20 - راه حل - چالش تبدیل سه بعدی
4. کار در فضای سه بعدی
- 21 - پرسپکتیو در فضای سه بعدی
- 22 - کار با بک فیس
- 23 - یک مکعب سه بعدی بسازید
- 24 - چالش - چالش هرم
- 25 - راه حل - چالش هرمی
نتیجه
- 26 - مراحل بعدی
دوره های مرتبط
- دوره آموزشی جعبه ابزار CSS: نکات و روشهای طراحی و چینش صفحه
- دوره آموزشی CSS: طرحبندیهای پیشرفته با Grid
- دوره آموزشی CSS برای توسعهدهندگان
- دوره آموزشی HTML، CSS و جاوااسکریپت: ساخت وب
- دوره آموزشی طرح بندی قابل دسترسی برای وب
- دوره آموزشی فرم های HTML: قابلیت دسترسی
- دوره آموزشی مقدمه ای بر طراحی و توسعه وب
- دوره آموزشی آن را تمرین کن: طرح بندی CSS