132 · Дизайн и уеб

Генератор на сенки в кутия

Плъзнете плъзгачите, за да оформите сянка, гледайте визуализацията и копирайте CSS.

Вашите данни: Този инструмент обработва въведеното от вас в този браузър. CapyHelp не качва този вход, за да генерира вашия резултат. Подробности за поверителност

Генератор на сенки в кутия

#1e1b4b

Как да използвате генератора на сенки в кутията

  1. Регулирайте отместването, замъгляването и разпространението.
  2. Изберете цвят и непрозрачност.
  3. Копирайте линията на кутията-сянка.

Естествено изглеждащи сенки

Истинските сенки са меки и леко оцветени. Голямо размазване с отрицателно разпространение, ниска непрозрачност и намек за цвят от вашия дизайн изглежда по-естествено от плътно черно. Втора плътна сянка добавя ясен ръб, което прави опцията „мек втори слой“.

Примери

Y 12px, замъгляване 32px, разпространение −8px, 25%

Мека сянка на карта

Вложка

Притиснат поглед

Въпроси

Box-shadow влияе ли върху оформлението?

Не. Сенките се рисуват извън елемента, без да се движи нищо около него.

Автоматичен превод. Прегледайте важни резултати.