Эң мыкты акысыз CSS кутучаны көлөкөлөтүүчү генератор
Визуалдык CSS кутучаны түзүү, алдын ала көрүү, киргизүү жана экинчи катмар менен - кодду көчүрүү.
100% акысыз
Жөнөтүү
Водный знак жок
✨
Go Pro - мыкты AI моделдери үчүн - сүрөт, видео жана чат - плюс чоң жүктөө, кезекте приоритет жана күтпөй эле.
Про
Сүйүү Best.Free? Аны бөлүшүү
Кантип иштейт
- Жылдырып жылдыруу. Отклонение, расплыв, распространение, цвет и непрозрачность установить; если требуется внутренняя тень, переключить на вставку.
- Алдын ала көрүү. Жаңыланган кутучаны алып салуу учурунда жаңылоо; тереңдик үчүн кошумча параметрлерде экинчи катмар кошуу керек.
- CSSти көчүрүү. CSS копиялоо баскычын басып, кутучаны тегеректөө эрежесин стилдик таблицага түз эле киргизиңиз.
Бул аспап жөнүндө
Box-shade design without guessing pixel values. Drag the offset-X, offset-Y, blur and spread sliders, choose a shadow color and adjust its opacity, and watch the live preview box update in real time - then copy the exact box-shade CSS. Turn the insertion switch for a internal shadow. Advanced options stack a second shadow layer, so you can build soft, multi-layered shadows used on modern cards and buttons. All runs in your browser.
Адамдар аны эмне үчүн колдонушат
- Карточкаларга жана модалдык элементтерге жумшак көлөкөнү кошуу
- Инструкциялар жана булактар үчүн ички (инсерциялык) көлөкөнү жаратуу
- Реалисттик, диффуздуу көлөкөнү алуу үчүн эки катмардын үстүнө коюу
- Дизайн макетине ылайыктуу офсет жана бурмалоону оңдоо
Кайра-кайра берилүүчү суроолор
X/Y-отклонение - это горизонтальное и вертикальное перемещение тени, мягкое размытие края, а также увеличение или уменьшение всего тени до применения размытия. Живой предварительный просмотр показывает все изменения в одночасье.
Вставка позволяет рисовать тень внутри элемента, а не позади, что создает впечатление, что элемент вставлен в текст. Это полезно для ввода и переключения. Переключить вставку можно, повернув переключатель.
Түстү тандап, андан кийин күңүрттүккө өтүүчү слайдерди колдоносуз. Бул аспап rgba () маанисин чыгарат, ошондуктан көлөкөлөр табигый түрдө аралашат.
Да. Второй теньовый слой с собственным отклонением, расплывчатостью, цветом и вставкой включить с помощью дополнительных параметров.
Жок. Генератор толугу менен браузериңизде иштей берет; слайдерлер CSS строкусун локалдык түрдө гана эсептейт.
Толук акысыз, эсеп-фактура жана чектөөлөр жок - бул өлчөөчү эч нерсеси жок клиенттик аспап.
Ооба. Ал браузериңизде иштей берет, ошондуктан CSS Box Shadow Generator телефондордо жана планшеттерде, ошондой эле иш столунда иштейт - орнотуу үчүн эч кандай тиркеме жок.
Көбүнчө, типтүү файл үчүн бир нече секунда гана керек. CSS Box Shadow Generator сиздин киргизүүңүздөн кийин иштей баштайт.
Кээде колдонулганда чектөөсүз, бирок ар бир адам үчүн тез иштей турган "таза колдонуу" чектөөсү бар.
Бардык заманбап браузерлер - Chrome, Safari, Firefox жана Edge. CSS Box Shadow Generator сиздин браузерден башка эч нерсе орнотпойт.