CSS box-shadow
Меняешь параметры — карточка с тенью обновляется на лету. Можно добавить несколько теней.
скопировано
О сервисе
Конструктор CSS-тени для блоков. Слайдеры смещения по X и Y, размытие, расширение, цвет с альфа-каналом, режим inset. Можно стекать несколько теней.
Что умеет
- Слайдеры X, Y, blur, spread
- Цвет тени с настройкой альфа-канала
- Inset-тени (внутрь блока)
- Стекинг нескольких теней
- Превью с реальной карточкой
Как работает
Для каждой тени собирается строка «X Y blur spread rgba(r,g,b,a)» с опциональным префиксом «inset». Несколько теней объединяются через запятую.
Пример
box-shadow: 0 10px 30px rgba(0,0,0,0.2) — мягкая тень для карточек интерфейса.
Нужен подобный сервис для вашего сайта или сложный сценарий — пишите, разработаю под задачи.
