CSS Lightning effect

[KP1]

Hi Friends,

is there any idea about this logo mouse hover effect?

1. Please follow the link – https://www.google.com/intl/en/chrome/browser/
2. Mouse hover to Chrome Top Logo, a light effect appears, nice effect( i think this is CSS3 or web-toolkit technique )

Please replay if any idea

Thanks in advance :)

[pixelgrid]

a look at the code could help you

they have

-webkit-mask: -webkit-gradient(radial, 17 17, 123, 17 17, 138, from(rgb(0, 0, 0)), color-stop(0.5, rgba(0, 0, 0, 0.2)), to(rgb(0, 0, 0)));
}

and on hover they animate the radius of the circle by changing the radius of the circles third and sixth number.
webkit masking does the trick

[Paulie_D]

I think it’s a animated gradient outline/mask on hover.

EDIT: Beaten by @pixelgrid

[Author]

Posts