نکته:
آخرین آپدیت رو دریافت میکنید حتی اگر این محتوا بروز نباشد.
نمونه ویدیویی برای نمایش وجود ندارد.
توضیحات دوره:
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?
نمایش نظرات