from-fuchsia-700

The from-fuchsia-700 class belongs to the gradient color stops group within the backgrounds category.

Example Usage

Here is an example of how to use from-fuchsia-700:

<div class="bg-gradient-to-b via-purple-300 from-fuchsia-700 to-orange-700 p-4 w-32 h-32 rounded-lg"></div>

Resulting CSS

--tw-gradient-from: #a21caf var(--tw-gradient-from-position);
--tw-gradient-to: rgb(162 28 175 / 0) var(--tw-gradient-to-position);
--tw-gradient-stops: var(--tw-gradient-from), 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!