@Nazi

Как сделать такой эффект для кнопки при нажатии?

6722d87b6adc4437a0514f3a1d3522b8.pnged4faf4c8b344fa88a2cf18296620cfd.png
круг взял с fontawesome
  • Вопрос задан
  • 1052 просмотра
Решения вопроса 1
@outcastik
.button .icon {
    position: relative;
}
.button:active .icon {
    top: 1px or more
}

или транслейт
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 3
Web-power
@Web-power
Начинающий web-разработчик
Какой именно эффект ? То что вы скинули не что не понятно на этих картинках ) Вообще hover в помощь
Ответ написан
@skazi_premiere
Верстаем как умеем ;) HTML/CSS/JS
Через JS ловите клик по кнопке и добавляйте класс который будет анимировать иконку.
Ответ написан
Комментировать
HamSter007
@HamSter007
HTML/CSS верстальщик
Примерно так:
$(button).on('click', function(e){
  e.preventDefault();
  $(this).addClass('animate');
});


button.animate {
  transform: translateY(10px);
}
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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