Free courses from frontend to fullstack and AI
Stuck in Tutorial Hell? Learn Backend Dev the Right Way
Overview
AI, Data Science & Cloud Certificates from Google, IBM & Meta — 40% Off
One plan covers every Professional Certificate on Coursera. 40% off Coursera Plus Annual.
Unlock All Certificates
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