Font Awesome Icons, как я могу добавить эффект растущего наведения?

Question

Я делаю сайт и пытаюсь добавить несколько Font Awesome Icons, которые растут при наведении.

Это то, что я до сих пор использую с помощью этого кода:

https://gyazo.com/a3c87288fe3b02439b577e585a73894d

<ul>
  <a href="https://instagram.com">
  <em class="fa fa-instagram fa-3x" style="color:white">&nbsp;</em>
  </a>
</ul

Теперь я хотел бы добавить добавить небольшой эффект увеличения при наведении на них курсора.

Заранее спасибо, поскольку вы, вероятно, можете сказать, что я новичок в кодировании.

Answer 1

используйте это:

.fa { 
  transition:.5s; /* this is grow duration */
}

.fa:hover {
transform:scale(1.5); /* this is grow amount */
}