DevTulz Online

CSS Box Shadow Генератор

Позадина


Шта је CSS Box Shadow?

CSS својство box-shadow додаје ефекте сенке око оквира елемента. Сенке могу бити помакнуте, замућене, проширене, обојене и постављене као inset (унутрашња сенка). Вишеструке сенке одвојене зарезима могу бити слојевите за богате ефекте. Овај генератор вам омогућава да визуелно градите сложене вишеслојне сенке и копирате CSS спреман за лепљење у међуспремник.

Како користити Box Shadow Генератор

  1. Подесите клизаче за Offset X/Y, Blur и Spread за позиционирање и обликовање сенке.

  2. Кликните на узорак боје за избор боје сенке и користите клизач Opacity за прозирност.

  3. Укључите 'Inset' за стварање унутрашњег сјаја или ефекта притиска.

  4. Кликните '+ Додај слој' за слагање вишеструких сенки.

  5. Копирајте генерисани CSS и налепите га у свој лист стилова.

Keywords: CSS box shadow генератор, box-shadow CSS, CSS алат за сенку, CSS drop shadow, унутрашња сенка, вишеслојна сенка, CSS shadow онлајн