字体超赞图标，如何添加增长悬停效果？

Question

我正在建立一个网站，并试图添加一些悬停时会增加的“真棒字体”图标。

这是我到目前为止使用此代码的结果：

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