Tailwind CSS Gradients: Basic Example

Gradient from Purple to Pink (Right)

Gradient from Blue to Emerald (Bottom)

Gradient from Yellow to Red (Bottom-Right)

Skill: Create smooth color transitions (gradients) for backgrounds.

Key Classes: bg-gradient-to-{direction} , from-{color}-{shade} , to-{color}-{shade} , via-{color}-{shade} (optional middle color).

Application: These are great for hero sections, card backgrounds, or decorative banners.