Тени CSS в Tailwind

Обычные тени → shadow / shadow-lg. Уникальные → arbitrary shadow.

Типовые тени переносятся прямо: shadow для лёгкого подъёма и shadow-lg для заметного. Многослойные или окрашенные тени из дизайн-системы превращаются в произвольные утилиты прямо в разметке. Название класса в этом случае почти ничего не подсказывает, поэтому итог стоит сравнивать с оригиналом визуально.

Тени шкалы

Мягкие box-shadow часто → shadow / shadow-md. Брендовые тени с многими stops → shadow-[…].

Фильтры

drop-shadow и filter не всегда 1:1; читайте заметку, прежде чем форсировать утилиту.

Честная elevation

Если конвертер просит ревью, держите точное значение в brackets вместо «ближайшего shadow».

Попробовать

Открыть конвертер

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

Заметка о доверии: проверяйте результат визуально. Конвертер — черновик для разработчиков.