Генератор CSS box-shadow
Генератор CSS box-shadow — бесплатный онлайн-инструмент на MaticsBox. Пользуйтесь им прямо в браузере без установки дополнительного ПО.
Визуально собирает объявление CSS box-shadow — настройте смещение, размытие, растяжение, цвет и внутреннюю тень с наглядным превью — и скопируйте готовый CSS-код. Быстрее, чем подбирать значения тени вслепую в таблице стилей.
Введите или вставьте данные в форму, при необходимости настройте доступные параметры и запустите инструмент. Результат появится на этой же странице.
FAQ
Что делает параметр «растяжение»?
Положительное значение растяжения увеличивает размер тени за пределы блока элемента; отрицательное — уменьшает; 0 сохраняет размер тени равным размеру элемента.
Что такое внутренняя тень (inset)?
Она рисует тень внутри границы элемента, а не снаружи, создавая эффект вдавленности.
Можно ли создать несколько слоёв тени?
Инструмент генерирует один слой тени; для нескольких слоёв сгенерируйте каждый отдельно и объедините их запятыми в CSS.