任何人都可以帮我弄清楚这个文本动画是如何工作的？

Question

我爱上了这个演示https://2joomla.net/wordpress/wordpress-gallery-demo-1/中的文字动画效果（缩略图悬停），但遗憾的是我无法弄清楚它是如何工作的。

我刚刚花了4个小时尝试在谷歌上找到一些东西。我尝试将lettering.js与以下jQuery结合使用，但没有：

$('.IconAnimate i').each(function(i) {
  $(this).css('opacity', 0);
  $(this).delay(1000 * i).animate({
    'opacity': 1.0
  }, 450);
});

如何在演示页面中获得粗体动物尺度波形效果？

Answer 1

每个字母都包含在一个div中，代码如下：

<div style="position: relative; display: inline-block; transform: matrix(1, 0, 0, 1, 0, 0);">D</div>

并且所有th div都在一个主要的div中，在鼠标悬停时显示...检查这个link它会指向你正确的方向。