【问题标题】:How to create a glimmer animation like the Google +1 Button onHover如何创建像 Google +1 Button onHover 这样的微光动画
【发布时间】:2011-08-06 02:46:40
【问题描述】:

在 Google 上,将鼠标移到淡出的 +1 按钮上。您会注意到图像带有一种微光的动画吗?就像一道光穿过图像。他们为此使用了图像,但我想知道如何在 CSS3 中执行此操作。悬停有什么想法吗?另外,有谁知道这个效果叫什么?

谢谢

【问题讨论】:

  • +1 我一直在想同样的事情......
  • 我不认为 CSS3 包含这种效果,但使用图像精灵和一些小的 javascript 是相当简单的。这是他们使用的图片:google.com/images/experiments/p1/p1sprite.png
  • 确实如此,它是一个渐变叠加,它是动画的,我会做一个快速的 jsfiddle。
  • @Rikudo,jsfiddle 运气好吗?谢谢
  • '害怕不,正如我的回答中所说,目前单独使用 CSS3 是不可行的。

标签: html animation css webkit


【解决方案1】:

在他们的例子中,他们使用一个精灵,然后通过它制作动画。

不幸的是,尚无法为 css3 渐变设置动画,并且 background-position 似乎对其没有影响。你现在只需要处理图像。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2015-12-18
    • 1970-01-01
    • 2013-07-02
    • 2013-01-01
    相关资源
    最近更新 更多