Question

我正在尝试使用font awesome中的tada动画和我从fontastic生成的自定义字体。我已将font-awesome-animation.min.css添加到我的WordPress主题文件的标题中。我还将此html代码添加到site（请参阅成员资格图标）。

<a class="faa-parent animated-hover" href="#">
  <div class="service-icon-container">
    <div class="fa icon icon-membership faa-tada"></div>
  </div>
  <h3>Membership</h3>
  <p>Membership info text</p>
  </a>

有关使其有效的任何建议吗？

Answer 1

您忘记在css中更改悬停类的引用。

为您的会员资格图标尝试添加以下代码：

a.faa-parent:hover .service-icon-container > .fa.icon {
-webkit-animation: tada 2s linear infinite;
animation: tada 2s linear infinite;}

对于所有其他图标，添加为成员资格添加的锚标记。

使用自定义字体的字体真棒动画

1 个答案: