Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Animating SVGs

JSConf via YouTube

Overview

Explore the world of SVG animation in this 31-minute conference talk from CSSConf.Asia 2015. Dive deep into SVG techniques to create stunning effects that enhance user experience on websites. Learn about icon morphing, bouncy buttons, and other creative applications. Discover how to implement these cool effects using various animation methods, including CSS, SimulAnimate, and JavaScript. Follow along as the speaker demonstrates practical examples like animating a basketball, line drawing, and morphing SVGs. Gain insights from Zell Liew, a Singapore-based freelance web developer known for his in-depth exploration of web tools and frameworks. Access accompanying slides for further reference and enhance your web design skills with powerful SVG animations.

Syllabus

Intro
Basics
Animation Methods
Animating with CSS
Animating with Simul
Animating with JavaScript
Animating Basketball
Line Drawing
Morph SVG
Snap SVG

Taught by

JSConf

Reviews

Start your review of Animating SVGs

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.