Design the Web: SVG Rollovers with CSS

Go to class
Write Review

Free Online Course: Design the Web: SVG Rollovers with CSS provided by LinkedIn Learning is a comprehensive online course, which lasts for Less than 1 hour of material. The course is taught in English and is free of charge. Upon completion of the course, you can receive an e-certificate from LinkedIn Learning. Design the Web: SVG Rollovers with CSS is taught by Chris Converse.

Overview
  • Learn how to style SVG graphics and make them respond to changes to rollover states with CSS.

Syllabus
  • Introduction

    • Preview the final project
    • About the exercise files
    1. Responsive Design, Custom Scripts, and Scroll Detection
    • Options for combining CSS with SVG
    • Moving SVG inline with HTML
    • Adding classes to SVG elements
    • Combining CSS hover states with SVG
    • Grouping SVG elements
    • Controlling grouped SVG elements with CSS