Как сделать свечение у border?

Question

[Senbonzakuraa]

Здравствуйте, как сделать подобный эффект свечения бордера?
Пытался через градиент для фона карточки, но эффект не тот.

Comments

[Юлия Г]

Через box-shadow делается свечение.
Например:

<section class="black">
		<div class="line"></div>
	</section>

.black {
    background-color: #000;
    margin-top: 100px;
    color: #FFF;
    height: 200px;
    padding-top: 50px;
}
.line {
    background-color: red;
    width: 300px;
    height: 25px;
    margin: 0 auto;
    box-shadow: 0 0 100px red;
}

Ну, а далее играемся с box-shadow - настраиваем свечение, смещение, цвет и т.д.

Answer 1

[Артем Федоров]

Используйте inset box-shadow.
Например: box-shadow: inset 0 -5px 5px -5px #333;
Где #333 - цвет, можно использовать полупрозрачный через RGBA или hex полурозрачный.
Остальное настройте на свой вкус, напричер через инспектор chrome или yandex/firefox

Answer 2

[kocherman]

background: radial-gradient(#f008, #fff0 50%, transparent);
  background-repeat: no-repeat;
  background-position: -100vw -75vh;
  background-size: 300vw 100vh;