Soft CSS Box Shadow — Готов код
Създайте CSS код за сянка на кутия визуално: плъзгачи за отместване, замъгляване, разпространение, цвят с непрозрачност, режим на вмъкване и до четири слоя с преглед на живо.
Резултат
Тази страница отваря генератора на сенки в кутия, предварително зареден с мека сянка: без хоризонтално отместване, 8px надолу, щедро замъгляване от 24px и ниска 12% черна непрозрачност. Картата за предварителен преглед го изобразява незабавно – бутнете който и да е плъзгач и CSS редът следва в реално време.
Меките сенки са работният кон на съвременните интерфейси. Голямото замъгляване, съчетано с ниска непрозрачност, повдига картата от страницата, без да рисува твърди контури, поради което повечето системи за проектиране поддържат сенките си на височина точно в този диапазон вместо плътните, тъмни сенки на ранния плосък дизайн.
Копирайте линията на кутия-сянка направо във вашия лист със стилове или подредете до още три слоя за по-богата надморска височина. Генераторът работи изцяло във вашия браузър - нищо не се качва никъде.