CSS Box Shadow Генератор
Визуелно креирајте CSS box-shadow код: клизачи за померај, замућење, ширење, боју са прозирношћу, унутрашњи режим и до четири слоја са приказом уживо.
🔒 У потпуности се обрађује у вашем претраживачу — ништа што овде унесете се никада не отпрема.
Резултат
Декларација box-shadow има шест променљивих делова — X и Y померај, замућење, ширење, боју и опциону кључну реч inset — и једини начин да их исправно подесите јесте да их видите. Овај генератор ставља сваки део на клизач и приказује резултат на прегледу картице док превлачите, тако да је CSS линија на дну увек управо оно што гледате.
Сенке у стварном свету ретко су један слој. Листа слојева вам омогућава да сложите до четири сенке у једној декларацији: уску тамну линију за дефиницију ивица плус широки благи прелив за елевацију, или светли и тамни пар који дефинише неуморфизам. Изаберите слој да бисте га уредили, уклоните оне који вам нису потребни и комбинована box-shadow вредност се ажурира уживо.
Сенке изгледају веома различито на тамним интерфејсима, где црна сенка на скоро црној страници једноставно нестаје. Прекидач позадине прегледа пребацује позадину између светле и тамне тако да можете проверити обе теме пре објављивања. Унапред подешене странице покривају варијанте које људи заиста траже: благу сенку елевације, унутрашње удубљење, рецепт за двослојни неуморфизам и суптилну сенку картице.
Као и сваки алат на овом сајту, генератор је бесплатан и ради у потпуности у вашем прегледачу: нема отпремања, нема налога и наставља да ради офлајн када се страница једном учита.