CODEWITHSUNDEEP
htmlanimationcsswebkit
AnApprentice
AnApprentice

Reputation: 110970

How to create a glimmer animation like the Google +1 Button onHover

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

Upvotes: 2

Views: 899

Answers (1)

Madara's Ghost
Madara's Ghost

Reputation: 174977

In their case, they are using a sprite, and then animating through it. Google Sprite

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.

Upvotes: 2

Related Questions