Design the Web: SVG Rollovers with CSS

Author

Released

8/11/2014

Learn how to change the color and visibility of SVG graphics with CSS. In this installment of Design the Web, author Chris Converse shows how to control the properties of SVG elements with external CSS, and make your graphics update on rollover. Plus, learn how to group multiple SVG graphics and control them with a single rollover state. The exercise files for this course are free to all members, so dive in and start following along now.

Skill Level Beginner

23m 43s

Duration

42,479

Views

Show MoreShow Less

- [Voiceover] Hi, I'm Chris Converse,and in this course, I'm going to show youhow to stylize SVG elements with external CSS rules,as well as change SVG properties with external CSS.We'll also activate rollover stateson individual SVG elements, as well as coveringSVG's grouping capability, which will allow usto group together multiple itemsand control all of those with a single rollover.The exercise files for this courseare available to all member of the Lynda.comOnline Training Library, and they includean HTML file as well as an SVG file.And when you complete this course,you're project will work in all modern desktop web browsers.