Генератор box-shadow — бесплатно онлайн
Подбирать тень для блока, вписывая числа руками, — дело долгое. Поменял значение, обновил, прищурился, поменял снова. А хочется просто видеть, как тень меняется, пока её крутишь. Мы добавили бесплатный инструмент, который так и работает — Box-Shadow Generator — прямо в браузере.
Что он делает
Вы настраиваете тень на глаз. Тяните ползунки горизонтального и вертикального сдвига, размытия, растяжения и цвета, а при необходимости переключайте тень во внутреннюю (inset). Можно накладывать несколько слоёв тени друг на друга, и подходящий CSS пишется сам, пока вы двигаете ползунки. Когда всё выглядит как надо — копируете готовый код.
Ничего не уходит с вашего устройства
Всё работает внутри браузера. Ничего не загружается, ничего не сохраняется на сервере, и аккаунт не нужен. Закрыли вкладку — и всё исчезло.
Как пользоваться
- Откройте Box-Shadow Generator и потяните ползунки сдвига, размытия, растяжения и цвета.
- Добавьте новые слои или включите inset, пока тень не станет такой, как нужно.
- Скопируйте CSS и вставьте его в свой файл стилей.
Это бесплатно и без ограничений. Другие небольшие инструменты есть на странице приложений.