via-emerald-500

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

Example Usage

Here is an example of how to use via-emerald-500:

<div class="bg-gradient-to-b via-emerald-500 from-yellow-500 to-orange-700 p-4 w-32 h-32 rounded-lg"></div>

Resulting CSS

--tw-gradient-to: rgb(16 185 129 / 0)  var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), #10b981 var(--tw-gradient-via-position), var(--tw-gradient-to);

Other Gradient color stops Classes

from-amber-100 from-amber-200 from-amber-300 from-amber-400 from-amber-50 from-amber-500 from-amber-600 from-amber-700 from-amber-800 from-amber-900 from-amber-950 from-black from-blue-100 from-blue-200 from-blue-300 from-blue-400

View other Backgrounds classes View 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!