SVG Essentials & Animation, v2

4 hours, 12 minutes CC
SVG Essentials & Animation, v2

Course Description

Learn to build and optimize SVG – the scalable graphics format for the web that can achieve impressively small filesizes for fast-loading websites. In this course, you'll learn to create immersive graphics and make them alive with animations!

This course and others like it are available as part of our Frontend Masters video subscription.

Preview
Close

Course Details

Published: January 14, 2019

Learn Straight from the Experts Who Shape the Modern Web

Your Path to Senior Developer and Beyond
  • 200+ In-depth courses
  • 18 Learning Paths
  • Industry Leading Experts
  • Live Interactive Workshops
Get Unlimited Access Now

Table of Contents

Introduction

Section Duration: 6 minutes

SVG Anatomy Overview

Section Duration: 38 minutes

CSS Animation

Section Duration: 53 minutes

GreenSock

Section Duration: 55 minutes

UI/UX Animation

Section Duration: 31 minutes

GSAP Extras

Section Duration: 50 minutes

Advanced SVGs

Section Duration: 15 minutes

Conclusion

Section Duration:
Sarah Drasner is a lovely teacher! I have learned a lot about SVG animation in this workshop at Frontend Masters and am already using these new skills in my projects. GSAP is a very powerful tool and I'm super excited to master it.
Alexsander Souza

Alexsander Souza

Alexsander Souza

Learn Straight from the Experts Who Shape the Modern Web

  • In-depth Courses
  • Industry Leading Experts
  • Learning Paths
  • Live Interactive Workshops
Get Unlimited Access Now