svg animation

Tag

Browsing

SVG Letter Animation

We continue to find new tutorials for developers. Today’s tutorial is a fancy little lettering animation tutorial made with SVG and anime.js. It’s been created by Codrops. The idea is inspired by Jake Bartlett’s gorgeous opening animation for the “Shading Letters in Illustrator” The trick for this effect is to have several layers of each letter. Every single stroke gets animated while adding a slight delay to each, creating the desired effect. Moreover, each letter…

Vivus – JavaScript library to make drawing animation on SVG

Vivus is a little JavaScript class (little because it’s lightweight and have no dependency) to make drawing animation with SVGs in a webpage. Different animations are available, even scripting the entire SVG to do whatever you want. Every path element is drawn at the same time with a little delay at the start. This is the animation by default. Each line is drawn asynchronously. They all starts and finishes at the same time, this is…