2011-08-05 130 views
2

在Google上,将鼠标移动到淡出的+1按钮上。你会注意到图像带有一种微光的动画?就像穿过图像的光。他们正在使用一个图像,但我想知道如何在CSS3中做到这一点。任何关于悬停的想法?另外,任何人都知道这种效果被称为?如何在Google上创建类似Google +1按钮的微光动画

感谢

+0

+1我一直在想同一件事...... – pixelbobby

+0

我不认为CSS3包含这种效果,但使用图像精灵和一些小的JavaScript是相当微不足道的。 以下是他们正在使用的图像: http://www.google.com/images/experiments/p1/p1sprite.png –

+0

它的确如此,它是一种渐变叠加效果,它可以制作动画效果,我将尽快的jsfiddle。 –

回答

2

在他们的情况下,他们用的是精灵,然后通过它的动画。 Google Sprite

不幸的是,还不能对css3渐变进行动画处理,而背景位置似乎对它没有任何影响。你现在只需要处理图像。

相关问题