آموزش اعمال جلوه های ویژه در سایت با استفاده از CSS

Applying Special Effects to a Site Using CSS

نکته: آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره: CSS در کنترل ظاهر و احساس سایت ضروری است. این دوره به شما می آموزد که چگونه برای استفاده از افکت های مختلف مانند سایه ها و انیمیشن ها با استفاده از CSS کاملاً فراتر از سبک های اصلی حرکت کنید. CSS به شما امکان کنترل قلم ها ، رنگ ها ، طرح بندی ها و فاصله استفاده شده در وب سایت شما را می دهد. با این حال ، می تواند بیش از این کارها را انجام دهد. همچنین می تواند تجربه تعاملی را به کاربران شما ارائه دهد. در این دوره ، با استفاده از جلوه های ویژه بر روی سایت با استفاده از CSS ، می توانید ظاهر و احساس وب سایت هایی را که ایجاد می کنید بهبود ببخشید. ابتدا ، ایجاد گوشه های گرد با استفاده از CSS را جستجو خواهید کرد. در مرحله بعدی ، خواهید فهمید که چگونه سایه های جعبه را روی اشیا apply اعمال کنید. سرانجام ، شما یاد خواهید گرفت که چگونه با استفاده از تبدیل و انتقال CSS انیمیشن ایجاد کنید. پس از پایان این دوره ، مهارت و دانش جلوه های ویژه CSS مورد نیاز برای بهبود ظاهر و احساس وب سایتی را که ایجاد می کنید ، خواهید داشت.

سرفصل ها و درس ها

بررسی اجمالی دوره Course Overview

  • بررسی اجمالی دوره Course Overview

ایجاد گوشه های گرد Creating Rounded Corners

  • ایجاد گوشه های گرد Creating Rounded Corners

  • گوشه های پایه گرد Basic Rounded Corners

  • ایجاد اشیاound گرد Creating Round Objects

  • سفارشی کردن شعاع مرز Customizing Border Radius

  • شعاع مرز پیشرفته Advanced Border Radius

افزودن سایه های جعبه Adding Box Shadows

  • افزودن سایه های جعبه Adding Box Shadows

  • سایه را محو کنید Blurring the Shadow

  • سایه های بیش از یک طرف Shadows on More Than One Side

  • تغییر سایز سایه Changing Shadow Size

  • سایه های چند جعبه Multiple Box Shadows

در حال انتقال بین ایالات Transitioning between States

  • در حال انتقال بین ایالات Transitioning between States

  • کنترل انتقال Controlling the Transition

  • در حال انتقال بدون شناور کردن Transitiong without Hovering

  • ایجاد سمت چپ Creating the Left Nav

  • انتقال مستقل Independent Transitions

  • منتظر انتقال Waiting on Transitions

  • انتقال کوتاه Transition Shorthand

تبدیل عناصر Transforming Elements

  • تبدیل عناصر Transforming Elements

  • چرخش یک شی Rotating an Object

  • تبدیل توابع Transform Functions

  • تبدیل های سه بعدی 3D Transforms

  • راه اندازی کارت ها Setting up the Cards

  • ورق زدن کارت ها Flipping the Cards

ایجاد انیمیشن Creating Animation

  • ایجاد انیمیشن Creating Animations

  • با کلیک روی یک انتقال کلیک کنید Trigger a Transition on Click

  • انیمیشن اساسی Basic Animation

  • حلقه های متحرک Looping Animations

  • نگه داشتن آخرین قاب متحرک Keeping the Last Animated Frame

  • کنترل نحوه شروع مجدد انیمیشن ها Controlling How Animations Restart

  • چند انیمیشن Multiple Animations

  • چگونه به اینجا رسیدیم؟ How Did We Get Here?

نمایش نظرات

آموزش اعمال جلوه های ویژه در سایت با استفاده از CSS
جزییات دوره
1h 54m
32
Pluralsight (پلورال سایت) Pluralsight (پلورال سایت)
(آخرین آپدیت)
16
4.8 از 5
دارد
دارد
دارد
Nate Taylor
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Nate Taylor Nate Taylor

اولین برنامه نیت در QBasic بر روی کلون 8086 ساخته شده توسط پدرش نوشته شد. از آن زمان او برنامه های کاربردی را در ++ C ، .NET و Node.js نوشت. وی 12 سال اول زندگی حرفه ای خود را قبل از انتقال به نوشتن برنامه های کاربردی برای وب ، به نوشتن برنامه های ویندوز پرداخت. صرف نظر از زبان یا نوع برنامه ای که نوشته است ، او برای نوشتن کدی تمیز ، قابل آزمایش و نگهداری تلاش می کند. علاوه بر کار روزانه خود به عنوان یک توسعه دهنده ، سخنرانی در کنفرانس های مختلف نیز لذت می برد. به طور معمول او پیدا می شود که در مورد موضوعاتی مانند TDD ، کد تمیز یا حرفه ای صحبت می کند.