Jump to content
GreenSock

Search In
  • More options...
Find results that contain...
Find results in...
szsoma

Inline SVG Snowing animation

Recommended Posts

Hi!
I would like to make a snowing animation with one or two inline svg snowflakes and I made a pen with a small success :)
Is it possible to multiply the inline svg snowflakes with JS to animate them? Or how could I solve this problem?
Thanks,
szsoma

See the Pen LXrKdJ by szsoma (@szsoma) on CodePen

Link to comment
Share on other sites

Clone snowflake. Append cloned snowflake. Animate cloned snowflake. Rinse and repeat.

 

jQuery clone - https://api.jquery.com/clone/

vanilla clone - https://developer.mozilla.org/en-US/docs/Web/API/Node/cloneNode

 

Your code looks similar to this demo.

 

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

 

  • Like 6
Link to comment
Share on other sites

20 hours ago, OSUblake said:

Clone snowflake. Append cloned snowflake. Animate cloned snowflake. Rinse and repeat.

 

jQuery clone - https://api.jquery.com/clone/

vanilla clone - https://developer.mozilla.org/en-US/docs/Web/API/Node/cloneNode

 

Your code looks similar to this demo.

 

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

 

Hi! Thanks for the answer! I'll try.

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.
×