Skip to content

PowerXuan/MonstarLogoSVGAnimation

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

6 Commits
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

SVG Animation

This is an animation of the logo of the our company monstar-lab. This animation reference animeJS official website http://animejs.com/


Below is the animation steps.

First

Code html and css.

Second

Code the logo to SVG. Note that sketch directly derived svg can not be used directly. We need the PATH of the logo-svg . So,this is the key.

Animate

Use the animejs ,we can make the logo animation.

In addition, SVG animation is very interesting, I really like. Although you can use AE, PS and other software to make a very smooth animation, but to developers always use the picture sequence frames, so easily lead to the animation is not smooth, and bulky, affecting the overall performance. SVG animation is very lightweight, and can seamlessly interface with front-end developers. Let's learn SVG animation together.

About

No description, website, or topics provided.

Resources

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published