to-green-500

The to-green-500 class belongs to the gradient color stops group within the backgrounds category.

Example Usage

Here is an example of how to use to-green-500:

<div class="bg-gradient-to-b via-purple-300 from-yellow-500 to-green-500 p-4 w-32 h-32 rounded-lg"></div>

Resulting CSS

--tw-gradient-to: #22c55e var(--tw-gradient-to-position);

Other Gradient color stops Classes

from-amber-100from-amber-200from-amber-300from-amber-400from-amber-50from-amber-500from-amber-600from-amber-700from-amber-800from-amber-900from-amber-950from-blackfrom-blue-100from-blue-200from-blue-300from-blue-400
View other Backgrounds classesView all Gradient color stops classes

Get Tailwind Scanner!

The absolute must-have tool for anyone using Tailwind CSS.

Scan, Edit, Export any tailwind site in browser to create the perfect UI - download the chrome extension!