Как сделать так, чтобы Font Awesome Icon перестала вращаться при клике? - PullRequest
Новая
       64

Как сделать так, чтобы Font Awesome Icon перестала вращаться при клике?

0 голосов
/ 08 ноября 2019

Я хочу, чтобы эта стрелка вращалась при загрузке страницы, а затем, когда кто-то нажимает на нее, она останавливает анимацию. Как я могу это сделать?

<i class="far fa-arrow-alt-circle-up fa-7x fa-spin"></I>

1 Ответ

0 голосов
/ 08 ноября 2019

Добро пожаловать в SO Morgan.

Для этого вам понадобится следующий JavaScript, чтобы остановить вращение иконки: 

function stopSpinning() {
  var element = document.getElementById("arrowIcon");
  element.classList.remove("fa-spin");
} 
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

<i id="arrowIcon" class="fa fa-car fa-spin" onclick="stopSpinning()"></i>

Обратите внимание, что я использовал fa и fa-car в моем примере, потому что это значок FontAwesome, который будет работать во фрагменте кода.

...