Tailwind CSS – Zero to Hero tailwind css – tailwind v3 2023

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

Tailwind CSS - effortlessly build a tailwind css music festival site & build custom tailwind plugins, components & more!

1. Introduction

1. Important! Read this before you begin this course.html

2. Introduction

3. Udemy ratings & reviews

4. Project setup & tailwind css overview

2. Building the navbar

1. Create the navbar and logo (with spacing, flexbox, and gradients)

2. Apply Google Fonts to tailwind project

3. Create the first menu item, add classes on hover, & add transitions

4. Finish the menu items, editing techniques, & tailwind css components

5. Create the sub menu items & use tailwind css group functionality

6. Create the mobile menu icon

7. Animate mobile menu icon & create custom variant plugin with addVariant

8. Extend tailwind css custom open variant & implement mobile menu functionality

9. Implement mobile sub menu with custom group open tailwind variant

3. Building the Hero section

1. Create the Hero section and background image

2. Add the hero content

3. Create the waveform logo animation

4. Create custom animation delay tailwind css plugin with matchUtilities

4. Building the headliners section & carousel

1. Default base styles for headings

2. Create a scrollable & snappable carousel in tailwind css

5. Light and dark mode

1. Implement light and dark mode based on user's local machine settings

2. Implement tailwind css light & dark mode with toggle button

6. Building the tickets & lineup timeline sections

1. Create the tickets table & custom tailwind plugin with addUtilities

2. Start the lineup timeline (with advanced background gradients in tailwind)

3. Finish the lineup timeline

139,000 تومان

خرید اشتراک افزودن به سبد خرید

خرید دانلودی فوری

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

تولید کننده: Udemy-Training