CSS Box Shadow Generator
Създайте CSS код за сянка на кутия визуално: плъзгачи за отместване, замъгляване, разпространение, цвят с непрозрачност, режим на вмъкване и до четири слоя с преглед на живо.
Резултат
Декларацията на box-shadow има шест движещи се части — отместване по X и Y, замъгляване, разпространение, цвят и незадължителната вмъкната ключова дума — и единственият начин да ги направите правилно е да ги видите. Този генератор поставя всяка част върху плъзгач и изобразява резултата върху карта за предварителен преглед, докато плъзгате, така че CSS линията в долната част винаги е точно това, което гледате.
Сенките в реалния свят рядко са еднослойни. Списъкът със слоеве ви позволява да подреждате до четири сенки в една декларация: плътна тъмна линия за дефиниране на ръба плюс широко меко измиване за повдигане или двойката светло и тъмно, която дефинира неуморфизма. Изберете слой, за да го редактирате, премахнете тези, от които не се нуждаете, и комбинираната стойност на кутия-сянка се актуализира на живо.
Сенките се четат много различно на тъмни интерфейси, където черна сянка на почти черна страница просто изчезва. Превключвателят за предварителен преглед на фона превключва фона между светъл и тъмен, така че можете да проверите и двете теми преди изпращане. Предварително зададените страници покриват вариантите, които хората действително търсят: мека сянка на надморска височина, вградена ямка, рецепта за двуслоен невморфизъм и фина сянка на карта.
Като всеки инструмент на този сайт, генераторът е безплатен и работи изцяло във вашия браузър: без качване, без акаунт и продължава да работи офлайн, след като страницата се зареди.