SVG: How to have fun making your site look hot!

hotpizzas

Scalable Vector Graphics (SVG) are an awesome and well-supported way to display graphics on your site.

This session will introduce SVG, its advantages and go over several ways to to unlock its full potential.

In this session, we'll cover:

  • Introduction to SVG

  • How to export an SVG from Adobe Illustrator

  • Displaying your SVG

  • Animating your SVG

  • Applying Photoshop-like filters to your SVG

  • SVG Clipping and Masks

  • Let's put it all together – animating and manipulating an SVG navigation icon

Session Track

Front End

Experience Level

Beginner

Drupal Version