Најдобро бесплатно Генератор на CSS- кутија со сенка
Визуално изгради CSS-сенката со живо претрес, поставување и втор слој - копирај го кодот.
100% слободен
Нема пријава
Нема водеен знак
✨
Go Pro за најдобрите модели на ВИ - слика, видео и чат - плус поголеми поставувања, приоритет во редицата и без чекање.
Надоградба на про
Љубов Best.Free? Подели го.
Како работи тоа?
- Ги преместува лизгачите. Поставува офсет, замаглено, проширено, боја и непрозирност; Вклучи го вклучителот ако сакате внатрешна сенка.
- Гледај го прегледот. Ажурирање на ливото поле додека влечете; додајте втор слој во Напредни опции за длабочина.
- Копирај го CSS. Притисни Копирај CSS и залепи го правилото на сенката право во вашиот стилски стил.
За оваа алатка
Дизајнирајте ја кутијата- сенка без да погаѓате вредности на пиксели. Повлечете ги офсет- X, офсет- Y, замаглени и ширени лизгачи, изберете боја на сенка и бирајте во нејзината непрозирност и гледајте ја актуелизацијата на боите во живо во реално време - потоа копирајте го точниот CSS- сенка- кутија. Заврте го прекинувачот на поставувањето за внатрешна сенка. Напредните опции се вториот слој сенка, така што можете да изградите меки, повеќеслојни сенки користени на модерните карти и копчиња. Се работи во вашиот прелистувач.
За што ја користат луѓето?
- Додај мека сенка за капење на картите и модалите
- Креирај внатрешна (вонесена) сенка за влез и бунари
- Стоп два слоја за реална, дифузна сенка
- Нагласи офсет и замаглено за да одговара на дизајнот на mankup
Често поставувани прашања
Оддалеченост- X/Y ја движи сенката хоризонтално и вертикално, замаглената ја омекнува неговата работница и раширувањето расте или ја намалува целата сенка пред да се примени замагленото.
Внесете ја сенката во елементот наместо зад него, со што притиснат изглед - корисен за влезот и превклучува. Преврти го прекинувачот на инсталирањето за прекинување.
Изберете боја, потоа користете го лизгачот за непроѕирност; алатката излегува од вредност rgba() така што сенката се меша природно.
Да. Отвори напредни опции за овозможување на втор сенчен слој со сопствен офсет, замагнат, боја и поставен.
Не. Генераторот работи целосно во вашиот прелистувач; лизгачите само ја пресметуваат CSS ниската локално.
Потполно бесплатна, без сметка и без граници - алат од страна на клиентот без ништо да се измери.
Да. работи во вашиот прелистувач, па CSS Box Shadow Generator работи на телефони и таблети, како и на работната површина - нема апликација за инсталирање.
Обично само неколку секунди за типична датотека - CSS Box Shadow Generator почнува да работи во моментот кога ќе го дадете вашиот влез.
Неограничена е употребата под великодушна капа за фер употреба која ги држи брзо за сите.
Сите модерни прелистувачи - Chrome, Safari, Firefox и Edge. На генераторот на CSS Box Shadow не му треба ништо инсталирано надвор од прелистувачот што веќе го користите.