آموزش پروژه‌های انیمیشن دکمه CSS - آخرین آپدیت

دانلود CSS Button Animation Projects

نکته: ممکن هست محتوای این صفحه بروز نباشد ولی دانلود دوره آخرین آپدیت می باشد.
نمونه ویدیوها:
توضیحات دوره:

انیمیشن‌های دکمه وب خلاقانه با CSS: دوره عملی

با استفاده از CSS، دکمه‌های وب خود را با انیمیشن‌های روان و چشم‌نواز زنده کنید! در این دوره پروژه‌محور، دکمه‌های هوور متحرک منحصر به فرد و خلاقانه متعددی با استفاده از انتقال‌ها (transitions) و تبدیل‌های (transforms) CSS خواهید ساخت.

این دوره، چه مبتدی باشید و چه به دنبال تقویت مهارت‌های فرانت‌اند خود، پر از پروژه‌های عملی است که کوتاه، کاربردی و قابل فهم هستند. یاد خواهید گرفت که چگونه با استفاده از ویژگی‌های ساده CSS، جلوه‌های بصری قدرتمندی مانند حاشیه‌های درخشان، آیکون‌های کشویی، پس‌زمینه‌های در حال انبساط، متن جهنده و موارد دیگر را ایجاد کنید - و همه اینها بدون نیاز به حتی یک خط جاوا اسکریپت!

هر پروژه بر سبک طراحی و تعامل متفاوتی تمرکز دارد و به شما کمک می‌کند تا هنر انیمیشن‌های هوور و طراحی رابط کاربری (UI) را با کاربردهای دنیای واقعی بیاموزید.

در پایان دوره، قادر خواهید بود با اطمینان دکمه‌های شیک و جذابی طراحی کنید که تجربه کاربری را بهبود بخشیده و وب‌سایت‌های شما را متمایز سازند.

بدون فریم‌ورک، بدون اطلاعات اضافی - فقط تکنیک‌های تمیز و مدرن CSS.

بیایید شروع به ساخت دکمه‌هایی کنیم که کاربران شما را شگفت‌زده می‌کنند!


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

درس‌ها Lessons

  • مقدمه Introduction

  • جلوه دکمه چرخشی خلاقانه با استفاده از CSS Creative rotating button effect using css

  • جلوه دکمه پیمایشی با استفاده از CSS Swipe button effect using css

  • جلوه هاور دکمه Button hover Effect

  • جلوه درخشش دکمه Button glowing effect

  • دکمه مقیاس‌پذیری متن با CSS Text scaling button using CSS

  • دکمه تعویض دایره‌ای Circular swapping button

  • دکمه چرخشی 3 لایه Rotating 3 layers button

  • جلوه دکمه 3 دایره به پس‌زمینه - بخش 1 3 circle to background button effect part 1

  • جلوه دکمه 3 دایره به پس‌زمینه - بخش 2 3 circle to background button effect part 2

  • جلوه هاور دکمه جدید New button hover effect

  • جلوه دکمه تقسیم شده Splited button effect

  • جلوه دکمه تقسیم شده - بخش 2 Splited button effect part 2

  • جلوه هاور دکمه تعویض حاشیه - بخش 1 Border swapping button hover effect part 1

  • جلوه هاور دکمه تعویض حاشیه - بخش 2 Border swapping button hover effect part 2

  • جلوه رشد حاشیه خلاقانه دکمه Creative border growing button effect

  • جلوه چرخش حرف اول خلاقانه دکمه Creative first letter rotating button effect

  • جلوه رشد حاشیه چهارگانه پایین Four border growing bottom effect

  • جلوه‌های دکمه 2 برش 2 cuts button effects

  • CSS 3D Flip on Hover - جلوه‌های هاور دکمه سه‌بعدی CSS3 خالص CSS 3D Flip on Hover Pure CSS3 3D Button Hover Effects

نمایش نظرات

آموزش پروژه‌های انیمیشن دکمه CSS
جزییات دوره
3h 10m
20
Skillshare (اسکیل شیر) Skillshare (اسکیل شیر)
(آخرین آپدیت)
3
- از 5
ندارد
دارد
دارد
جهت دریافت آخرین اخبار و آپدیت ها در کانال تلگرام عضو شوید.

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jayanta Sarkar Jayanta Sarkar

سلام، من جایانتا هستم.

پس از فارغ التحصیلی و اخذ مدرک در رشته "فناوری اطلاعات"، حرفه حرفه ای من آغاز شد، شروع به توسعه وب و حرفه طراحی گرافیک در سال 2018، من هرگز از یادگیری مهارت های برنامه نویسی جدید دست نکشیدم.

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