Build with Azure OpenAI, Copilot Studio & Agentic Frameworks — Microsoft Certified
AI Engineer - Learn how to integrate AI into software applications
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 Scalable Vector Graphics (SVG) styling and animation with CSS in this 39-minute conference talk from CSSConfUS2014. Dive into the advantages of using SVGs for high-resolution displays and retina screens. Learn techniques for styling SVGs with CSS, implementing animations and transitions, and creating responsive SVG designs using media queries. Discover a workflow from vector graphics editor to responsive animated graphics on screen. Cover topics including presentation attributes, SVG transformations, SVG paths, and morphing paths. Gain insights into making graphics look great across all screen sizes and resolutions, positioning you at the forefront of modern web design techniques.
Syllabus
Introduction
Presentation Attributes
Responsive SVG
SVG Transformations
SVG Paths
Morphing Paths
Taught by
JSConf