Jump to content


Flare effect with trail

Moderator Tag

Warning: Please note

This thread was started before GSAP 3 was released. Some information, especially the syntax, may be out of date for GSAP 3. Please see the GSAP 3 migration guide and release notes for more information about how to update the code to GSAP 3's syntax. 

Recommended Posts

Hello, i would like to create flare light with trail which travels from one point to another. I am able to create simple circle which travels from one point to another, but i have no idea how to create flare effect. Does anybody know how to achieve that effect?


Maybe i should write it in other words - my goal is to make comet (or meteor) with trail (that disappears as it flies).

Edited by Exhumator
Link to comment
Share on other sites

I'd imagine there would be a number of ways to make it happen. Depending on the complexity you need, canvas would probably be a good solution. @Sahil has a neat canvas demo with some trails.


See the Pen OwxqLg by Sahil89 (@Sahil89) on CodePen


@OSUblake has a cool one using SVG.


See the Pen kXvKJb by osublake (@osublake) on CodePen

Happy tweening.



  • Like 6
Link to comment
Share on other sites

Wow :) second one looks aboslutely fantastic! Thank you very much, i'm gonna read and understand the code.

Link to comment
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now
  • Recently Browsing   0 members

    • No registered users viewing this page.