Tailwind added support for gradients in its second major release. In this article, I’ll show you how to achieve a powerful glowing gradient effect with Tailwind. The code below adds a subtle gray background, uses Flexbox to center the child div and applies a max-width.
Table of contents
Tailwind CSS GradientsSetting Up Your Environment to Create a Glowing GradientCreating the Background and Constraints with Tailwind CSSCreate the Card with Basic Utility ClassesCreate the Glowing Gradient with Tailwind Utility ClassesA Word on Safari SupportConclusion1 Comment
Sort: