from-cyan-300

The from-cyan-300 class belongs to the gradient color stops group within the backgrounds category.

Example Usage

Here is an example of how to use from-cyan-300:

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

Resulting CSS

--tw-gradient-from: #67e8f9 var(--tw-gradient-from-position);
--tw-gradient-to: rgb(103 232 249 / 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!