CSS Schatten zu Tailwind
Übliche Elevation → shadow / shadow-lg. Einzigartige Schatten → Arbitrary Values.
Gängige Schatten haben klare Entsprechungen: shadow für eine leichte Elevation, shadow-lg für eine deutlich sichtbare. Mehrschichtige oder eingefärbte Schatten aus einem Designsystem landen dagegen als arbitrary value im Markup. Der Name der Utility sagt dann wenig aus, deshalb hilft nur der direkte optische Vergleich mit dem Original.
Skalen-Schatten
Weiche box-shadow werden oft zu shadow / shadow-md. Marken-Schatten mit vielen Stops oft shadow-[…].
Filter
drop-shadow und filter mappen nicht immer 1:1; Note lesen, bevor Sie eine Utility erzwingen.
Ehrliche Elevation
Wenn der Konverter Review will, exakten Wert in Brackets behalten statt „nächster shadow“.
Ausprobieren
.example { display: flex; gap: 1rem; padding: 1rem; }Vertrauenshinweis: Ausgabe visuell prüfen. Der Konverter ist ein Entwurfshilfe.