Des ombres CSS à Tailwind

Élévations courantes → shadow / shadow-lg. Ombres uniques → valeurs arbitraires.

Les ombres classiques trouvent un équivalent immédiat : shadow pour une élévation discrète, shadow-lg pour un relief plus net. Les ombres dessinées sur mesure, à plusieurs couches ou teintées, passent en utilitaires arbitraires. Le nom du jeton n’indique alors plus grand-chose : seule une comparaison visuelle avec l’original valide le rendu.

Ombres d’échelle

Les box-shadow douces deviennent souvent shadow / shadow-md. Les ombres de marque à plusieurs stops sont souvent shadow-[…].

Filtres

drop-shadow et filter ne mappent pas toujours 1:1 ; lisez la note avant de forcer une utilitaire.

Élévation honnête

Si le convertisseur demande une revue, gardez la valeur exacte en brackets plutôt que « l’ombre la plus proche ».

Essayer

Ouvrir le convertisseur

.example { display: flex; gap: 1rem; padding: 1rem; }

Note de confiance : vérifiez le rendu. Le convertisseur est une aide de brouillon.