shadow-yellow-400
The class shadow-yellow-400 is a Tailwind CSS class, part of the box shadow color classes in the category effects.
Example usage
The following code is an example on how to use the class shadow-yellow-400.
<div class="bg-gray-300 w-48 h-48 flex items-center justify-center">
<div class="shadow-2xl shadow-yellow-400/80 p-4 w-32 h-32 rounded-lg bg-white"></div>
</div>
The above code produces the following result:
Resulting CSS
--tw-shadow-color: #facc15;
Other box-shadow-color classes
- shadow-yellow-100
- shadow-yellow-200
- shadow-yellow-300
- shadow-yellow-500
- shadow-yellow-600
- shadow-yellow-700
- shadow-yellow-800
- shadow-yellow-900
- shadow-yellow-50
- shadow-yellow-950
- shadow-violet-400
- shadow-slate-400
- shadow-neutral-400
- shadow-orange-400
- shadow-emerald-400
- shadow-teal-400
- shadow-indigo-400
- shadow-violet-100
- shadow-violet-200
- shadow-violet-300