The forums ran from 2008-2020 and are now closed and viewable here as an archive.

Home Forums CSS CSS Lightning effect

  • This topic is empty.
Viewing 3 posts - 1 through 3 (of 3 total)
  • Author
  • #44606

    Hi Friends,

    is there any idea about this logo mouse hover effect?

    1. Please follow the link –
    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 :)


    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


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

    EDIT: Beaten by @pixelgrid

Viewing 3 posts - 1 through 3 (of 3 total)
  • The forum ‘CSS’ is closed to new topics and replies.