Zheleznov
@Zheleznov

Как сделать кнопку неоновой и подчеркивание ссылки неоновой линией?

Подскажите, как можно реализовать:

1) Сделать подчеркивание ссылки зеленой неоновой линией при наведении (сейчас просто зеленая линия).
2) Сделать рамку кнопки более выпуклой как на скрине и сделать её неоновой как на скрине.

Залил всё на Codepen:
  • Вопрос задан
  • 187 просмотров
Решения вопроса 2
@topalek
.effect-3 {
display: inline-block;
position: relative;
/* overflow: hidden; */
}
.effect-3:before {
position: absolute;
display: block;
left: 0;
bottom: 0;
width: 0%;
height: 2px;
background: #c6ff00;
transition: all .3s ease-in-out;
box-shadow: 0 0 5px rgba(198,255,0,1),0 0 10px rgba(198,255,0,.5),0 0 15px rgba(198,255,0,.25);
}
.effect-3:hover:before {
width: 100%;
}
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы