【问题标题】: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 效果?

【问题讨论】:

    标签: jquery css animation


    【解决方案1】:

    每个字母都包含在一个 div 中,代码如下:

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

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

    【讨论】:

      猜你喜欢
      • 1970-01-01
      • 1970-01-01
      • 2021-06-02
      • 1970-01-01
      • 2011-08-15
      • 1970-01-01
      • 2011-08-15
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多