Создавайте тени CSS-блоков визуально с помощью предварительного просмотра в реальном времени. Регулируйте смещение, размытие, распространение, цвет и несколько слоев. Мгновенно копируйте готовый CSS-код.
box-shadow: 0px 4px 8px 0px rgba(0,0,0,0.25);Свойство CSS `box-shadow` добавляет эффекты тени вокруг контура элемента. Тень определяется горизонтальным и вертикальным смещением, радиусом размытия, радиусом распространения, цветом и опциональным флагом `inset`. Несколько теней, разделенных запятыми, можно накладывать друг на друга для создания многослойных эффектов; данное свойство поддерживается всеми современными браузерами без префиксов производителей.
Настройте ползунки и палитру цветов, чтобы настроить каждый слой тени. Окно предварительного просмотра обновляется в режиме реального времени по мере изменения значений. Можно независимо добавлять и удалять несколько слоёв тени. Когда результат вас устроит, нажмите «Копировать», чтобы получить полное значение CSS для box-shadow, готовое к вставке в таблицу стилей.
Используйте предустановки в качестве отправной точки для типичных шаблонов: тени в виде карточек для компонентов пользовательского интерфейса, рельефные тени для модальных окон, мягкие тени для создания эффекта нежной глубины и резкие тени для реализации эстетики плоского дизайна. Параметр «inset» позволяет создавать внутренние тени, которые полезны для отображения состояния нажатой кнопки и встроенных полей ввода.