CSS Box Shadow Генератор
Безплатен онлайн генератор на CSS box shadow с живо предварително преглеждане. Регулирайте отместване, размазване, разпространение, цвят и прозрачност.
Shadow List
Generated CSS
Как работи
- Отворете генератора и ще видите интерактивен преглед на сянката в реално време.
- Регулирайте хоризонталното и вертикалното отместване с плъзгачите, за да позиционирате сянката.
- Задайте размазването и разпространението, за да контролирате меркостта и размера на сянката.
- Изберете цвят и непрозрачност на сянката според дизайна си.
- Копирайте генерирания CSS код и го поставете директно в стиловия си файл.
Пример
Вход: Хоризонтално: 5px, Вертикално: 10px, Размазване: 15px, Разпространение: 2px, Цвят: #333333, Непрозрачност: 0.5
Резултат: box-shadow: 5px 10px 15px 2px rgba(51, 51, 51, 0.5);
ЧЗВ
Да, CSS Box Shadow Generator е напълно безплатен и не изисква регистрация или акаунт.
Абсолютно безопасно. Цялата обработка се извършва в браузъра ви на страната на клиента. Никакви данни не се изпращат до сървър.
Да, CSS поддържа множество сенки, разделени със запетая. Можете да копирате кода и да добавите допълнителни стойности на box-shadow.
Да, свойството box-shadow се поддържа от всички съвременни браузъри без нужда от префикси на доставчика.