CSS Box Shadow Генератор
Какво е CSS Box Shadow?
CSS свойството box-shadow добавя ефекти на сянка около рамката на елемент. Сянките могат да бъдат отместени, размазани, разпространени, оцветени и зададени като inset (вътрешна сянка). Множество сенки, разделени със запетаи, могат да се наслагват за богати ефекти. Този генератор ви позволява да изграждате сложни многослойни сенки визуално и да копирате готовия CSS в клипборда.
Как да използвате Box Shadow Генератора
-
Регулирайте плъзгачите за Offset X/Y, Blur и Spread, за да позиционирате и оформите сянката.
-
Кликнете върху цветния образец, за да изберете цвят на сянката, и използвайте плъзгача Opacity за прозрачност.
-
Превключете 'Inset', за да създадете вътрешно сияние или ефект на натискане.
-
Кликнете '+ Добави слой', за да наслоите множество сенки една върху друга.
-
Копирайте генерирания CSS и го поставете в стиловия си лист.
Keywords: CSS box shadow генератор, box-shadow CSS, CSS инструмент за сянка, CSS drop shadow, вътрешна сянка, многослойна сянка, CSS shadow онлайн