Как сделать прозрачную кнопку со светящейся обводкой?

Question

[gretyl007]

Как сделать кнопку с такой светящейся обводкой?
Необходимо, чтобы при наведении граница плавно становилась цельной.

Answer 1

[Илья]

Есть несколько примеров.

https://codepen.io/sarath-ar/pen/dMKxxM

https://freefrontend.com/css-border-animations/

Comments

[gretyl007]

Как сделать обводку я понимаю. Смущает именно это свечение вокруг обводки. Получается как бы тень вокруг обводки, а не самой кнопки. Как сделать такой эффект?

[RAX7]

gretyl007, box-shadow добавь
https://codepen.io/anon/pen/eXxQqO

[gretyl007]

RAX7, суть в том, что box-shadow добавляется всей кнопке. И выглядит это следующим образом:

[RAX7]

gretyl007, посмотри по ссылке в моем комментарии куда добавлена box-shadow

[Илья]

gretyl007, Разобрались? Нужно добавить box-shadow и transition для плавности к button через ::before и ::after.