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