آموزش انیمیشن های CSS خالص - یک دکمه جالب، یک مدال کشویی و یک صفحه محصول بسازید! (بدون جاوا اسکریپت)
Pure CSS Animations - Make a cool button, a sliding modal, and a product page! (No Javascript)
انیمیشن های وب روشی فوق العاده برای هدایت توجه کاربر از طریق وب سایت و بهبود تجربه کلی آنها است. در این کلاس، ما می خواهیم یاد بگیریم که چگونه با استفاده از CSS خالص، انیمیشن های وب زیبا بسازیم.
چیزی را حرکت دهید
همه نمونه‌ها را می‌توانید در و همچنین در یادداشت‌های جداگانه برای هر ویدیو پیدا کنید.
برای پروژه خود، باید موارد زیر را اضافه کنید:
- همه نمونه های تکمیل شده با پیوندها
- یک مثال که شما آن را بسط داده اید/به آن تزیین کرده اید OR
- یکی از انیمیشن‌هایی را که در صفحه‌ای که قبلاً ساخته‌اید پوشش داده‌ایم اجرا کنید
من پروژه مورد علاقه خود را از هرکدام هم در اینجا و هم در توییتر خود با پیوندی به نمایه اجتماعی/وب سایتی که شما انتخاب می کنید، پست می کنم.
از آن لذت ببرید و اگر سوالی دارید به من اطلاع دهید!
-AJ
درس ها Lessons
-
با جلوه های شناور تصویر فضای کمتری اشغال کنید Take Up Less Space with Image Hover Effects
-
دکمه های متحرک، پس زمینه و متن Animating Buttons, Background, and Text
-
مدال های متحرک با HTML/CSS خالص Animated Modals with Pure HTML/CSS
-
مثال های سریع برای یادگیری سریع Quick Examples for Fast Learning
-
Codepen Copycat: تبدیل با CSS Codepen Copycat: Transforming with CSS
-
انیمیشن های خود را با Cubic Bezier بپوشید! Dress Up Your Animations with Cubic Bezier!
-
آنچه شما برای این کلاس نیاز دارید What Your Need for This Class
-
مراحل بعدی! Next Steps!
https://donyad.com/d/37b244
AJ Burt
یادگیری بهتر زیستن است
یادگیری اشتیاق من است. من همیشه یادگیری را خارج از محیط های آکادمیک سنتی دنبال کرده ام. من برنامه‌نویسی، طراحی گرافیک، بازاریابی، برنامه‌ریزی کسب‌وکار، سرمایه‌گذاری، آشپزی، رقص تالار، یوگا، انیمیشن و خیلی چیزهای دیگر را بدون معلم حرفه‌ای و با پرداخت هیچ هزینه‌ای به خودم یاد داده‌ام. من از این برای تبدیل مدرک خود در انسان شناسی به حرفه ای در تجارت و بازاریابی استفاده کرده ام، و انجام آن چنان لذت بخش و در عین حال آسان بود که متوجه شدم به سادگی باید آن را با دیگران به اشتراک می گذاشتم. به همین دلیل برای تدریس در Skillshare ثبت نام کردم.
نمایش نظرات