from-purple-400
The class from-purple-400 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-400.
The above code produces the following result:
Resulting CSS
--tw-gradient-from: #c084fc var(--tw-gradient-from-position); --tw-gradient-to: rgb(192 132 252 / 0) var(--tw-gradient-to-position); --tw-gradient-stops: var(--tw-gradient-from), var(--tw-gradient-to);
Other gradient-color-stops classes
- from-purple-100
- from-purple-200
- from-purple-300
- from-purple-500
- from-purple-600
- from-purple-700
- from-purple-800
- from-purple-900
- from-purple-50
- from-purple-950
- from-neutral-400
- from-orange-400
- from-emerald-400
- from-violet-400
- via-purple-400
- to-purple-400
- from-slate-400
- from-neutral-100
- from-neutral-200
- from-neutral-300