Box Shadow CSS Generator

Соберите ровно ту тень box-shadow, которая у вас в голове, — без угадывания и без бесконечных перезагрузок вкладки. Тяните offset, blur, spread, цвет и прозрачность, смотрите, как настоящий элемент меняется в реальном времени, и копируйте чистый код одним касанием. Большинство генераторов теней — это страницы в браузере, которые выдают одну плоскую тень. Здесь нативная iOS-студия, построенная вокруг того, как глубина работает на самом деле: до шести слоёв тени в стопке, переключение любого слоя в inset, предпросмотр на светлом или тёмном холсте и экспорт того же результата в CSS, SwiftUI или утилиту Tailwind с произвольным значением. Всё считается на устройстве, поэтому работает в самолёте, на диване и на совещании. ЧТО ВНУТРИ - Живой предпросмотр на настоящем элементе: тень рисуется так же, как её отрисует браузер, на светлом или тёмном холсте - Точные слайдеры offset X, offset Y, blur radius, spread и непрозрачности, плюс цветовое колесо и поле для hex - До шести слоёв в стопке: меняйте порядок, отключайте по одному или удаляйте — так получается достоверная многоисточниковая глубина - Тени inset для нажатых кнопок, углублений и неоморфных поверхностей - Копирование в одно касание в трёх форматах: CSS box-shadow, цепочка модификаторов SwiftUI .shadow или утилита Tailwind shadow-[...] - Двенадцать готовых пресетов: Material elevation, мягкие карточки, длинные тени, свечения, neumorphism и inset — плюс ваша собственная библиотека сохранённых теней КОМУ ПОДОЙДЁТ - Фронтенд-разработчикам, которым нужен рабочий код box-shadow без похода в codepen - UI- и продуктовым дизайнерам, переводящим тень с макета в конкретные значения - SwiftUI-разработчикам, которым нужен iOS-эквивалент веб-тени - Студентам и самоучкам, которые разбираются, что на самом деле делают blur, spread и inset ЗАЧЕМ, ЕСЛИ ЕСТЬ БЕСПЛАТНЫЙ ГЕНЕРАТОР В БРАУЗЕРЕ? Потому что веб-генератор даёт один слой, не умеет inset, не выдаёт ни SwiftUI, ни Tailwind и не хранит тень, которая понравилась вам на прошлой неделе. Здесь вы складываете слои, сохраняете их под именем и открываете спустя месяцы — офлайн, на устройстве, которое и так у вас в руке. КОНФИДЕНЦИАЛЬНОСТЬ Ни аккаунта, ни регистрации, ни рекламы, ни аналитики по вашим работам. Каждая тень, пресет и сохранённый элемент живут только на вашем устройстве. Ничего из того, что вы придумали, никуда не загружается. ПОЛНЫЙ ДОСТУП Полный доступ открывает многослойные тени (до шести), переключатель inset, экспорт в SwiftUI и Tailwind, все премиальные пресеты и безлимитную библиотеку сохранённых теней. Доступен как еженедельная подписка (com.levi.shadowmaker.weekly), годовая подписка (com.levi.shadowmaker.yearly) или разовая пожизненная покупка (com.levi.shadowmaker.lifetime). Бесплатная версия сохраняет редактирование одного слоя и копирование CSS. Откройте вкладку Create, тяните слайдер blur, пока карточка не оторвётся от страницы, и нажмите Copy CSS. Terms of Use (EULA): https://web-levi.web.app/terms Privacy Policy: https://web-levi.web.app/privacy-policy Вопросы? Пишите на [email protected]