Главная
Tom Utilities

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

Утилиты для разработчиков

Создавайте тени с ползунками смещения, размытия, распространения и цвета, затем копируйте CSS.

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

Build a shadow

Move the sliders to adjust the horizontal offset, vertical offset, blur and spread. Choose a color and enable inset for an inner shadow.

  1. Adjust the four sliders.
  2. Pick a shadow color.
  3. Copy the generated box-shadow declaration.

Negative values

Offsets and spread accept negative values, which move the shadow up or left and shrink it.

Частые вопросы

What is spread?

Spread expands or contracts the shadow before it is blurred. Positive values make the shadow larger.

Why is my shadow translucent?

The generated color includes partial transparency so the shadow blends with the background. Replace the color value if you want it fully opaque.

Похожие инструменты

Генератор скругления углов Просматривайте и копируйте значения CSS border-radius для каждого угла в пикселях или процентах. Генератор CSS-градиентов Создавайте линейные или радиальные CSS-градиенты с живым просмотром и готовым CSS. Форматировщик CSS Форматирует CSS с одним свойством на строку и единообразными отступами. Генератор UUID / GUID Генерирует случайные UUID версии 4 и копирует их по одному или пакетом. Генератор хешей Вычисляет дайджесты MD5, SHA-1, SHA-256 и SHA-512 для любого текста. Конвертер меток времени Преобразует между метками времени Unix, ISO 8601 и читаемыми локальными датами.