Toolora

Генератор теней

Создавайте CSS-тени с ползунками и живым предпросмотром.

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

Как использовать

  1. Настройте ползунки X, Y, размытия и распространения.
  2. Выберите цвет и при необходимости включите внутреннюю тень.
  3. Скопируйте сгенерированное CSS-объявление.

Часто задаваемые вопросы

Можно ли использовать отрицательные смещения?

Да, X и Y принимают значения от -100 до 100 пикселей.

Предпросмотр точен?

Он применяет точное CSS-значение к элементу предпросмотра в браузере.