Forums

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

Home › Forums › CSS › how to achieve a glow effect animation

  • This topic is empty.
Viewing 6 posts - 1 through 6 (of 6 total)
  • Author
    Posts
  • July 22, 2018 at 5:03 pm #274467
    mpereira
    Participant

    In this site: https://nestpowerproject.withgoogle.com/ there’s a beatiful glow animation that I supposed it is done with CSS (is it?!)
    If so how is it done?
    Thanks

    July 25, 2018 at 4:09 am #274555
    JeroenR
    Participant

    It is done by javascript, see the DIV with class abs-fill webgl-background-2SKFMsJ.

    July 25, 2018 at 11:12 am #274569
    mpereira
    Participant

    Thanks. It’s it!
    Is there any tutorial on how to achieve this. Was this rendered in some software and exported?
    Thanks

    July 25, 2018 at 11:12 am #274570
    mpereira
    Participant

    Thanks. It’s it!
    Is there any tutorial on how to achieve this. Was this rendered in some software and exported?
    Thanks

    July 26, 2018 at 3:57 am #274618
    JeroenR
    Participant

    I suggest using google. Not sure how this is done.
    Maybe you can make start with your own circle like these: https://codepen.io/jeroenreijs/pen/BPdVzQ
    And let them animate the way you want. It seems to me they are just animated circles, but I can be wrong.

    March 29, 2019 at 5:55 am #285691
    Alex_R
    Participant

    It’s called a “Dynamic Color Gradient” check this site out for a generator tool that can help you achieve this effect easily. https://www.gradient-animator.com

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