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

دانلود CSS Button Animation Projects

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

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

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

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

یادگیری گام به گام انیمیشن‌های هاور

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

  • ایجاد حاشیه‌های درخشان
  • انیمیشن آیکون‌های لغزنده
  • پس‌زمینه‌های منبسط‌شونده
  • متن جهنده جذاب
  • و قابلیت‌های بیشتر تنها با CSS!

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

بدون فریم‌ورک، بدون مطالب اضافه - فقط تکنیک‌های تمیز و مدرن 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 دایره به پس‌زمینه – قسمت ۱ 3 circle to background button effect part 1

  • اثر دکمه 3 دایره به پس‌زمینه – قسمت ۲ 3 circle to background button effect part 2

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

  • اثر دکمه شکافته Splited button effect

  • اثر دکمه شکافته – قسمت ۲ Splited button effect part 2

  • اثر هاور دکمه تعویض حاشیه – قسمت ۱ Border swapping button hover effect part 1

  • اثر هاور دکمه تعویض حاشیه – قسمت ۲ 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 – اثرات هاور دکمه 3D تمام CSS3 CSS 3D Flip on Hover Pure CSS3 3D Button Hover Effects

نمایش نظرات

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

Google Chrome Browser

Internet Download Manager

Pot Player

Winrar

Jayanta Sarkar Jayanta Sarkar

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

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

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