SVG Morphing Animation With Javascript Tutorial | Javascript Animation With Anime.js

Check out my courses and become more creative!
https://developedbyed.com

SVG Morphing Animation With Javascript Tutorial | Javascript Animation With Anime.js

In this video we are going to cover svg animations and how to work with anime.js to create a simple but cool svg morphing animation by turning a sun into a moon! I know...bonus will be dark mode.

There are several libraries out there for svg morphing and svg animations in general, the best one out there would be GSAP which can be used for free however their morphing svg plugin is paid so we will use anime.js morphing to achieve this effect.

The benefits of GSAP's morphin SVG is that you don't need to have the same amount of points. In anime.js you are limited to only the same ammount as your other SVG so please keep that in mind!

❤Become a patreon for exclusive videos and more!
  / dev_ed  


📔 Materials used in this video:

Anime.js

🛴 Follow me on:

Twitter:   / deved94  
Github: https://github.com/DevEdwin

🎵 Music:

LAKEY INSPIRED - Me 2 (Feat. Julian Avila)
Check out Julian:   / julian_avila  
Rock Angel by Joakim Karud   / joakimkarud  

Creative Commons — Attribution-ShareAlike 3.0 Unported— CC BY-SA 3.0
http://creativecommons.org/licenses/b...