Das sombras CSS para Tailwind
Elevações comuns → shadow / shadow-lg. Sombras únicas → valores arbitrários.
As sombras mais comuns têm equivalente imediato: shadow para uma elevação leve e shadow-lg para um relevo mais evidente. Sombras desenhadas à medida, com várias camadas ou cor própria, passam a utilitários arbitrários. Nesses casos o nome do token diz pouco, por isso compare o resultado com o original diretamente no browser.
Sombras de escala
box-shadow suaves muitas vezes → shadow / shadow-md. Sombras de marca com muitos stops costumam ser shadow-[…].
Filtros
drop-shadow e filter nem sempre mapeiam 1:1; leia a nota antes de forçar um utilitário.
Elevação honesta
Se o conversor pedir revisão, conserve o valor exato em brackets em vez do “shadow mais próximo”.
Experimentar
.example { display: flex; gap: 1rem; padding: 1rem; }Nota de confiança: verifique o resultado visualmente. O conversor é um rascunho para developers.