Animating With Snap.svg

Envato Tuts+ Courses

• Video courses taught by expert instructors.
• Learn new skills from start to finish.
• Downloadable Source Files also available on GitHub.

Course Description

SVG is a powerful way to create vector-based graphics that resize flawlessly. In this course, you will learn how to use the Snap.svg JavaScript framework to create, control, and animate your SVGs with ease.

What You’ll Learn

• How to create shapes with Snap.svg, starting with basic squares and circles and moving on to more complex shapes.
• Some of the attributes you can use to style your graphics.
• How to group shapes and apply transformations.
• Create basic animations, with callbacks and easing.
• Add some interactivity to your animations.
• Get detailed instructions on completing a project with Snap.svg: an animated clock.

About the Instructor

Craig Campbell is a web designer who has been doodling on computers since the first time he opened Paintbrush in Windows 3.0 in 1990. Since then, he has constantly sought new and exciting ways to make beautiful things on computers.