html - Font Awesome Icons，如何添加悬停效果？

Question

我正在制作一个网站，我正在尝试添加一些悬停时会增长的 Font Awesome 图标。

这是我到目前为止使用这段代码的结果:

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 */
}