Menu Search
Jump to the content X X
Smashing Conf Barcelona

You know, we use ad-blockers as well. We gotta keep those servers running though. Did you know that we publish useful books and run friendly conferences — crafted for pros like yourself? E.g. our upcoming SmashingConf Barcelona, dedicated to smart front-end techniques and design patterns.

Author:

Sara Soueidan is a freelance front-end web developer, consultant, author and speaker from Lebanon — focusing on HTML5, SVG, CSS, and JavaScript. She’s a contributing author to the Smashing Book #5 and an author and team member at Codrops. She writes for various high-profile blogs and magazines including the Adobe Dream Weaver Blog, Opera Developers’ Blog, Smashing Magazine, Netmag, and CSS-Tricks, among others. You can find her writing on her blog, and follow her on Twitter @SaraSoueidan.

Twitter: Follow Sara Soueidan on Twitter

Google Profile: https://plus.google.com/+SaraSoueidan/posts

Styling And Animating SVGs With CSS

CSS can be used to style and animate scalable vector graphics, much like it is used to style and animate HTML elements. In this article, which is a modified transcript of a talk I recently gave at CSSconf EU and From the Front, I’ll go over the prerequisites and techniques for working with CSS in SVG.

Styling And Animating SVGs With CSS

I’ll also go over how to export and optimize SVGs, techniques for embedding them and how each one affects the styles and animations applied, and then we’ll actually style and animate with CSS.

Read more...
1

↑ Back to top