CSS Генератор на сенки
Генерирайте CSS box-shadow визуално с преглед на живо. Настройте отместване, размазване, разпространение, цвят и непрозрачност. Копирайте CSS кода. Безплатно, 100% в браузъра.
Преглед
CSS код
Справка
Какво е CSS box-shadow?
CSS свойството box-shadow добавя един или повече ефекти на сянка около рамката на елемент.
Синтаксис на box-shadow
box-shadow: [inset] offset-x offset-y [blur-radius] [spread-radius] color;
Използване на множество слоеве на сянка
Комбинирането на множество сенки създава реалистични ефекти на дълбочина.
Дизайн съвети за сенки
Използвайте rgba() или hsla() цветове — полупрозрачните сенки изглеждат по-естествено.
Поверителност
Цялото генериране на сенки работи 100% във вашия браузър. Никакви данни не се изпращат към сървър.