Чтобы создать эффект освещения с помощью box-shadow, нужно убрать смещение тени по вертикали и горизонтали в ноль, а радиус размытия установить в необходимое значение. 4 Оно зависит от того, на какое расстояние должна распространяться тень. 4

Пример кода для создания эффекта светящейся рамки для поля ввода: 1

input:focus {  outline: none;  box-shadow: 0 0 8px #51CBEE;}

В этом коде с помощью outline: none убирают стандартную рамку фокуса, а с помощью box-shadow создают эффект свечения. 1 Цвет свечения можно изменить, подставив нужное значение вместо #51CBEE, а интенсивность эффекта регулируется через параметры расстояния, например, 8px. 1

Ещё один пример для создания эффекта свечения для элемента div: 4

<div style='width:100px; height:50px; background:#fcfcfc; -moz-box-shadow:0 0 10px #000; -webkit-box-shadow:0 0 10px #000; box-shadow:0 0 10px #000;'>  Блок</div>

Для обеспечения совместимости эффекта во всех браузерах нужно добавить специальные префиксы, такие как -webkit- и -moz-. 1