from-purple-50
The class from-purple-50 is a Tailwind CSS class, part of the gradient color stops classes in the category backgrounds.
Example usage
The following code is an example on how to use the class from-purple-50.
The above code produces the following result:
Resulting CSS
--tw-gradient-from: #faf5ff var(--tw-gradient-from-position); --tw-gradient-to: rgb(250 245 255 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
Other gradient-color-stops classes
- from-purple-500
- from-purple-950
- from-purple-100
- from-purple-200
- from-purple-300
- from-purple-400
- from-purple-600
- from-purple-700
- from-purple-800
- from-purple-900
- from-neutral-50
- from-emerald-50
- from-neutral-500
- from-neutral-950
- from-orange-50
- from-orange-500
- from-orange-950
- from-emerald-500
- from-emerald-950
- from-violet-50