如何创建类似 Google +1 按钮悬停时的闪烁动画
在 Google 上，将鼠标移到淡出的 +1 按钮上。您会注意到图像带有某种闪烁的动画效果吗？就像一道光穿过图像。他们为此使用图像，但我想知道如何在 CSS3 中执行此操作。关于悬停有什么想法吗？另外，有人知道这个效果叫什么吗？
谢谢
On Google, move your mouse over the faded out +1 button. You'll notice the image animates with a type of glimmer? Like a light going across the image. They are using an image for this but I'd like to know how to do this in CSS3. Any ideas for on hover? Also, anyone know what this effect is called?
Thanks
如果你对这篇内容有疑问，欢迎到本站社区发帖提问 参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。
绑定邮箱获取回复消息
由于您还没有绑定你的真实邮箱，如果其他用户或者作者回复了您的评论，将不能在第一时间通知您！
发布评论
评论（1）
在他们的例子中，他们使用一个精灵，然后通过它制作动画。
不幸的是，尚无法对 css3 渐变进行动画处理，并且背景位置似乎对其没有任何影响。目前您只需要处理图像即可。
In their case, they are using a sprite, and then animating through it.
Unfortunately, it's not yet possible to animate css3 gradients, and background-position seems to have no effect on it. You'll just have to do with images at the moment.