Генератор теней для CSS-блоков: создай и скопируй код онлайн

Генератор теней для CSS-блоков

Настройте тень для любого блока: смещение, размытие, растяжение, цвет. Генератор создаст корректный CSS-код box-shadow, который можно сразу использовать в проекте.

Поделится

Горизонтальное смещение (px): 0

Вертикальное смещение (px): 5

Радиус размытия (px): 10

Радиус распространения (px): 0

Непрозрачность тени: 0.5

Цвет тени:

Внутренняя тень

Предпросмотр

CSS код

Создай тень для CSS-блока

Быстро создавайте стильные тени для любых элементов сайта — кнопок, карточек, блоков div и т.д. — с помощью нашего онлайн-инструмента.
Просто настройте параметры в интерактивном интерфейсе

Как это работает?
1. Настройте значения глядя на привью
2. Скопируйте готовый код.

Генератор теней для CSS-блоков

Работа с текстом и кодом

Измененить регистр текста

Подсчет символов в тексте

Подсветка одинаковых слов

Транслит

Поиск и замена

Сжатие CSS-кода

Сжатие Html-кода

Генератор теней для CSS