Безплатен конвертор

Генератор за Box Shadow CSS

Визуално генерирайте CSS box-shadow с предварителен преглед на живо. Добавете множество слоеве сянка, регулирайте размиване, разпространение, цвят и вставка — безплатно и от страна на клиента.

Преглед на живо
Preview
CSS изход
.element {
  box-shadow: 4px 4px 16px 0px rgba(0, 0, 0, 0.25);
}
Слой 1

Хоризонтално отместване4px
-50px50px
Вертикално отместване4px
-50px50px
Радиус на размиване16px
0px100px
Радиус на разпространение0px
-50px50px
Цвят на сянката
#000000
Непрозрачност25%
0%100%
Вложка
outset

За този инструмент

Създавайте и персонализирайте съдържание с Box Shadow Generator директно във вашия браузър. Конфигурирайте вашите предпочитания, генерирайте изхода и изтеглете или копирайте резултата. Всичко работи от страна на клиента — вашите данни остават поверителни и обработката е незабавна.

Как да използвате

  1. Конфигурирайте настройките и опциите, за да отговарят на вашите изисквания.
  2. Щракнете върху Генериране, за да създадете своя изход.
  3. Прегледайте резултата и направете корекции, ако е необходимо.
  4. Изтеглете изходния файл или го копирайте в клипборда.

Често задавани въпроси

Мога ли да персонализирам генерирания изход?
да Инструментът предоставя различни опции за персонализиране, за да приспособите изхода към вашите специфични нужди. Коригирайте настройките преди генериране или регенерирайте с различни опции.
Безплатно ли е за използване генерираното съдържание?
да Всичко, което генерирате с този инструмент, е ваше за използване за лични, образователни или търговски цели без никакви ограничения или изисквания за приписване.
Това изисква ли акаунт?
Не. Инструментът е готов за използване веднага без регистрация, имейл и регистрация. Просто отворете страницата и започнете да генерирате.
Моите входни данни пазят ли се поверителни?
да Цялата обработка се извършва във вашия браузър. Вашите входни данни и генериран изход никога не се изпращат до външен сървър.