CSS Box Shadow Generator (многослоен и вграден)

Как се прави

1. 1
   Стъпка 1: отворете CSS Box Shadow Generator (многослоен и вграден) и въведете данните си

   Въведете числата или текста си, добавете файл или изберете нужните опции. Нищо не се качва: всичко остава във вашия браузър.

2. 2
   Стъпка 2: какво прави CSS Box Shadow Generator (многослоен и вграден)

   Проектиране на гладки, многослойни CSS сенки с живо размазване, разпространение, вмъкване и експорт на код Tailwind / CSS с едно кликване.

3. 3
   Стъпка 3: прочетете резултата и сравнете

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

4. 4
   Стъпка 4: копирайте или запазете

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

За този инструмент

Добавете дълбочина и тактилно издигане към карти и елементи на потребителския интерфейс. Настройвайте хоризонтални/вертикални измествания, радиус за размазване, разстояние на разпространение и цвят на сенките с плъзгач за непрозрачност. Тествайте срещу светли и тъмни фончета, превключвайте вложените сенки за натиснатите състояния на бутоните и копирайте стандартни класове CSS или Tailwind незабавно.

Съвети за най-добър резултат

Преди да започнете, отделете малко време да прочетете опциите и първо опитайте инструмента с малък пример. Всичко работи в браузъра на вашето устройство; нищо от въведеното или добавеното не се качва, а затварянето на раздела изтрива всичко. Ако нещо изглежда погрешно, презаредете страницата и опитайте отново или използвайте връзката за съобщаване на тази страница, за да ни кажете какво не е наред. Ако резултатът все още изглежда грешен, променяйте по една стойност, за да видите кое поле влияе най-много. Добавете страницата в отметките, ако ще я използвате отново.