Най-доброто безплатно Генератор на CSS кутия сянка
Визуално изграждане CSS кутия-сенина с живо предварителен преглед, вход и втори слой — копира кода.
100% безплатно
Няма регистрация.
Няма водяна марка
Файлове обработени в памет, никога не съхранявани
✨
Go Pro за най-добрите модели на МА – изображение, видео и чат – плюс по-големи качени, приоритет в редицата и без чакане.
Повишаване на професионалното
Любовта best.free? Сподели го.
Как действа
- Преместване на плъзгачите. Настройване на отстъпление, разпръскване, цвет и непрозрачност; Включете настройка, ако искате вътрешна сянка.
- Гледайте прегледа. Настройките на ливъридж, докато влечете; добавете втори слой в напреднали опции за дълбочина.
- Копиране на CSS. Натисни Копиране CSS и вметни правилото на кутията-сенина право в стила ви.
За този инструмент
Дизайн на кутия без да се предполага стойностите на пикселите. Превлачете на offset-X, offset-Y, замъглени и разпръснати плъзгачи, изберете цвят на сянка и набирайте в непрозрачността си и гледайте актуализация на живо предпрозорец в реално време — след това копирайте точната кутия-сенката CSS. Обръщайте настройката за вътрешна сянка. Разширените опции поставят втори слой сенка, така че можете да изградите меките, многослойни сенки, използвани на съвременните карти и копчета. Всичко тече във вашия браузър.
За какво го използват хората?
- Добавяне на мека капка сянка към карти и модални
- Създаване на вътрешна (внасяна) сянка за входа и кладенци
- Слагат два слоя за реалистичен, дифузен сянка
- Туне офсет и замъглен, за да съответства на дизайн маски
Често задавани въпроси
Отклонение-X/Y преместване на сянката хоризонтално и вертикално, замъгляне омекчава ръба му и разпръскване расте или намалява цялата сянка преди да се приложи замъгляването.
Включва се в сянката в елемента вместо зад него, като се даде притиснат-в изглеждане — полезен за входа и превключва. Обръщане на настройката превключва към превключване.
Изберете цвят, след това използвайте плъзгача за прозрачност; инструментът излиза от стойност rgba(), така че сянка се смесва естествено.
Да. Отваряне на допълнителни опции, за да се осъществи втори слой с офсет, размазаност, цвят и настъпване.
Не. Генераторът работи изцяло във вашия браузър; плъзгачите просто изчисляват CSS низ локално.
Напълно свободен, без сметка и без ограничения — инструмент на клиента, без нищо да измерва.
Да. Той работи във вашия браузър, така че CSS Box Shadow Generator работи по телефони и таблети, както и настолен плот — няма приложение за инсталиране.
Обикновено само няколко секунди за типичен файл — CSS Box Shadow Generator започва да работи в момента, в който му дадете входа.
Безкрайната употреба е неограничен, под щедрото използване капачка, която го поддържа бързо за всички.
Всички модерни браузъри — Chrome, Safari, Firefox и Edge. CSS Box Shadow Generator се нуждае от нищо инсталирано извън браузъра, който вече използвате.