آموزش شروع کار با انیمیشن های CSS
Getting Started With CSS Animations
انیمیشن‌های CSS یک راه واقعا عالی برای متمایز کردن پروژه‌های وب‌سایت یا برنامه شما از دیگر افراد هستند.
با وجود وب‌سایت‌های بسیار خیره‌کننده، من می‌توان به سختی متمایز شد و توجه کاربر را به خود جلب کرد! یکی از راه‌های مفید برای انجام این کار، افزودن چند انیمیشن به هر متن سرفصل، مانند عنوان صفحه یا هر متن مهم دیگری، یا هر عنصر دیگری در وب‌سایتتان است.
و فقط با کمی دانش HTML CSS می توانید انیمیشن های خیره کننده ای را با استفاده از CSS ایجاد کنید. ما می توانیم از هر مقدار ویژگی CSS به دیگری متحرک سازی کنیم.
تنها چیزی که ما برای پیشبرد نیاز داریم، درک اولیه HTML CSS است، هیچ دانش برنامه نویسی یا جاوا اسکریپت مورد نیاز نیست!
شما انواع تکنیک‌های مفید مانند فریم‌های کلیدی، حالت‌های پر کردن، مدت زمان انیمیشن‌ها، تأخیرها، جلوه‌های آسان‌تر، محاسبه مقادیر با متغیرها، ترکیب انیمیشن‌ها، چند ضلعی‌ها، مسیرهای کلیپ و همچنین برخی از CSSهای عمومی را خواهید آموخت.
>این کلاس برای مبتدیان مناسب است، اگرچه آشنایی اندک با HTML CSS یک مزیت خواهد بود زیرا فرض بر این است که شما اصول اولیه را می دانید.
همه چیز به صورت رایگان در مرورگر ایجاد شده است، هیچ چیز اضافی مورد نیاز نیست تا بتوانیم فوراً شروع به کار کنیم. مشتاقانه منتظر حضور شما در کلاس هستم!
با هم، 10 انیمیشن را با استفاده از تکنیک های مختلف می سازیم، شما محتوای زیادی برای اشتراک گذاری خواهید داشت! من دوست دارم ببینم چه چیزی خلق می کنید، چه با پروژه های کلاس یا یک انیمیشن جدید با چیزهایی که آموخته اید. با خیال راحت هر یک از انیمیشن های خود را در منطقه پروژه آپلود کنید تا من و سایر دانشجویان آن را ببینیم!
درس ها Lessons
-
متشکرم Thank You
-
انیمیشن 2: ترکیب انیمیشن ها Animation 2: Combining Animations
-
به کلاس خوش آمدید! Welcome To The Class!
-
انیمیشن 9: جلوه درخشش Animation 9: Glow Effect
-
کار خود را در Skillshare به اشتراک بگذارید! Share Your Work On Skillshare!
-
انیمیشن 7: رنگ های متحرک Animation 7: Moving Colors
-
انیمیشن 1: انیمیشن های پایه و فریم های کلیدی Animation 1: Basic Animations & Keyframes
-
انیمیشن 6: متغیرها، چرخش و محاسبه تاخیرها Animation 6: Variables, Rotate & Calculating Delays
-
انیمیشن 5: متن کشویی Animation 5: Sliding Text
-
انیمیشن 4: تاخیر و ترجمه Animation 4: Delays & Translate
-
انیمیشن 10: پس زمینه موج و مسیرهای کلیپ Animation 10: Background Wave & Clip Paths
-
انیمیشن 8: نامه های پرش Animation 8: Bouncing Letters
-
انیمیشن 3: آسان کردن و کج کردن متن Animation 3: Easing & Skewing Text
https://donyad.com/d/43c418
Chris Dixon
توسعه دهنده وب و معلم آنلاین
سلام، نام من کریس است و من یک توسعه دهنده وب از بریتانیا هستم. من یک مربی با تجربه هستم که بوت کمپ های توسعه وب را هدایت می کنم و همچنین دوره های آنلاین را تدریس می کنم.
زمینه های اصلی مورد علاقه من Vue.js، وردپرس، Shopify، جاوا اسکریپت، تجارت الکترونیک و تجارت هستند. من نسبت به کاری که انجام می‌دهم و به آموزش دیگران علاقه دارم.
دلیل شما برای یادگیری ساخت وب‌سایت هر چه باشد، انتخاب شغلی بسیار خوبی داشته‌اید.
انگیزه شخصی من این بود که رئیس خودم شوم و آزادی و انعطاف بیشتری در زندگی ام داشته باشم. من همچنین از چالش فنی آن و روشی که دائماً در حال تکامل است لذت می برم. من اولین وب‌سایت خود را در سال 1999 ساختم و مشاهده کردم که وب به آنچه امروز است تبدیل شده است.
من سعی می‌کنم دوره‌هایم را لذت‌بخش کنم و سعی می‌کنم به یاد بیاورم که در زمان یادگیری چگونه بود. من همچنین معتقدم بهترین راه برای یادگیری انجام دادن است و سعی می کنم تا حد امکان مثال های عملی را در دوره های خود بگنجانم.
از علاقه شما متشکریم و مشتاقانه منتظرم که به من بپیوندید.
کریس
نمایش نظرات