@sunsexsurf
IT & creative

Как прикрутить анимацию к навигации?

Здравствуйте.
Интересующий эффект - https://codepen.io/davidicus/pen/emgQKJ
(выворотка при наведении на Twitter)
за эффект отвечает, видимо
p {
  color: #fff;
  font-size: 12px;
}

p a {
  background: rgba(255, 255, 255, 0);
  border-bottom: 1px solid;
  color: #fff;
  line-height: 1.4;
  padding: .25em;
  text-decoration: none;
}
p a:hover {
  background: white;
  color: #E1332D;
}

Мой код - https://jsfiddle.net/sunsexsurf/gw3185to/11/
"в лоб" самому не получилось - снова прихожу к вам
  • Вопрос задан
  • 116 просмотров
Решения вопроса 2
Ankhena
@Ankhena Куратор тега CSS
Нежно люблю верстку
https://jsfiddle.net/ueqm2xk7/
За анимацию отвечает свойство transition
Ответ написан
@Lord_Dantes
В чем проблема?
Сначало у элемента border-bottom: solid 1px #fff;
При наведении background:#fff; transition: all 300ms;
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

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

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