谁能帮我弄清楚这个文本动画是如何工作的？答案

【问题标题】：Can anyone help me figure out how this text animation works?谁能帮我弄清楚这个文本动画是如何工作的？
【发布时间】：2017-11-23 05:50:35
【问题描述】：

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

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

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

如何在演示页面中获得bold-zooonscale-wave-ish 效果？

【问题讨论】：

【解决方案1】：

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

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

所有 thou div 都在一个主 div 中，鼠标悬停时显示...检查这个 link 我认为它会为您指明正确的方向。

【讨论】：