Clases de Sombra (Shadow) en Tailwind CSS

Clase Tailwind CSS equivalente Ejemplo
shadow box-shadow: 0 1px 3px rgba(0,0,0,0.1), 0 1px 2px rgba(0,0,0,0.06);
shadow-sm box-shadow: 0 1px 2px 0 rgba(0,0,0,0.05);
shadow-md box-shadow: 0 4px 6px -1px rgba(0,0,0,0.1), 0 2px 4px -2px rgba(0,0,0,0.1);
shadow-lg box-shadow: 0 10px 15px -3px rgba(0,0,0,0.1), 0 4px 6px -4px rgba(0,0,0,0.1);
shadow-xl box-shadow: 0 20px 25px -5px rgba(0,0,0,0.1), 0 8px 10px -6px rgba(0,0,0,0.1);
shadow-2xl box-shadow: 0 25px 50px -12px rgba(0,0,0,0.25);
shadow-inner box-shadow: inset 0 2px 4px 0 rgba(0,0,0,0.06);
shadow-none box-shadow: none;
shadow-[8px_8px_0_0] box-shadow: 8px 8px 0 0;
shadow-[8px_8px_0_0_#f0f] box-shadow: 8px 8px 0 0 #f0f;
shadow-red-500 box-shadow-color: #ef4444;
shadow-[#00ff00] box-shadow-color: #00ff00;
shadow-red-500/50 box-shadow-color: rgba(239, 68, 68, 0.5);
drop-shadow-sm filter: drop-shadow(0 1px 1px rgba(0,0,0,0.05));
drop-shadow filter: drop-shadow(0 1px 2px rgba(0,0,0,0.1));
drop-shadow-md filter: drop-shadow(0 4px 3px rgba(0,0,0,0.07));
drop-shadow-lg filter: drop-shadow(0 10px 8px rgba(0,0,0,0.04));
drop-shadow-xl filter: drop-shadow(0 20px 13px rgba(0,0,0,0.03));
drop-shadow-2xl filter: drop-shadow(0 25px 25px rgba(0,0,0,0.15));
drop-shadow-none filter: none;
drop-shadow-sm filter: drop-shadow(0 1px 1px rgba(0, 0, 0, 0.05));
drop-shadow filter: drop-shadow(0 1px 2px rgba(0, 0, 0, 0.1)) drop-shadow(0 1px 1px rgba(0, 0, 0, 0.06));
drop-shadow-md filter: drop-shadow(0 4px 3px rgba(0, 0, 0, 0.07)) drop-shadow(0 2px 2px rgba(0, 0, 0, 0.06));
drop-shadow-lg filter: drop-shadow(0 10px 8px rgba(0, 0, 0, 0.04)) drop-shadow(0 4px 3px rgba(0, 0, 0, 0.1));
drop-shadow-xl filter: drop-shadow(0 20px 13px rgba(0, 0, 0, 0.03)) drop-shadow(0 8px 5px rgba(0, 0, 0, 0.08));
drop-shadow-2xl filter: drop-shadow(0 25px 25px rgba(0, 0, 0, 0.15));
drop-shadow-none filter: none;