آموزش کد خلاقانه Css: انیمیشن آکاردئونی با کدنویسی ساده با دست
Creative Css Code: Accordion Animation with Simple Hand Coding
برای این کلاس جدید، می‌خواهم قدرت بزرگ HTML را با استفاده از ویژگی‌های flexbox و css به اشتراک بگذارم تا یک پیمایش منوی پویا با جلوه‌های عالی ایجاد کنم که تعامل عالی با این مؤلفه صفحه وب ایجاد می‌کند.
این پروژه همچنین می تواند تنها به عنوان ایجاد یک گالری تصاویر آکاردئونی ساده بدون عملکرد منوی اصلی استفاده شود.
اصول flexbox در کلاس , به تفصیل آمده است، جایی که من به طور مفصل عملکرد این مدل ایجاد شده در نسخه 3 css را توضیح می‌دهم.
این کلاس به دو ویدیوی اصلی تقسیم می‌شود:
- برنامه ریزی و ایجاد "طرح اصلی" صفحه
- تنظیم دقیق طرح‌بندی با جلوه‌های css پیشرفته (ترانزیشن، جلوه‌های شناور و موارد دیگر)
در پایان این کلاس، می‌توانید منوهای پیمایش پویا خود را ایجاد کنید تا به‌عنوان یک گالری آکاردئون نیز کار کند، و می‌توانید با انجمن به اشتراک بگذارید.
از آن لذت ببرید.
برای این پروژه از شما دعوت کردم که یک گالری آکاردئون ایجاد کنید، چیدمان آن چیزی است که بیشترین الهام را به شما می‌دهد، و همیشه از مدل flexbox و ویژگی‌های css استفاده می‌کند تا جلوه‌های شناور و انتقال را به پروژه‌تان بدهد
اجباری نیست که چیدمان برابر باشد.
تمام مهارت های خود را در این زمینه به دست آورده اید نشان دهید و کار عالی خود را با جامعه خود به اشتراک بگذارید!
متشکرم،
لوئیس کارلوس
درس ها Lessons
-
منوی پیمایش پویا/نوار لغزنده آکاردئونی تصویر (قسمت 1) - ایجاد طرح بندی Dynamic Navigation Menu / Image accordion slider (Part 1) - Layout Creation
-
منوی پیمایش پویا/نوار لغزنده آکاردئونی تصویر (قسمت 2) - تنظیم چیدمان Dynamic Navigation Menu / Image accordion slider (Part 2) - Tuning Layout
-
تریلر Trailer
https://donyad.com/d/4417
Luis Carlos
مهندس، توسعه دهنده وب و مدرس
در حال حاضر، من یک مهندس و مربی هیجان‌انگیز هستم، که عاشق یادگیری و به اشتراک گذاشتن دانش و تجربیات جدید هستم.
As Trainer در بسیاری از پروژه‌های مربوط به دانش‌آموز در زمینه‌های ریاضی، علوم کامپیوتر، فناوری‌های جدید و توسعه وب شرکت کرد. چندین سال آموزش به من کمک کرد تا مهارت های زیادی را توسعه دهم که به پیشرفت شخصی هر یک از افراد کمک می کند.
می‌توانید برخی از مقالات من را در من دنبال کنید، جایی که من برخی از آموزش‌ها را در زمینه فناوری‌های جدید به اشتراک می‌گذارم.
من را در Skillshare دنبال کنید!
نمایش نظرات