Create CSS-based web graphics

You can create websites faster if you let Illustrator generate the CSS code for your artwork. Watch how you can copy and paste this code right into your web editor; and export scalable, responsive SVG files that can adapt to different screen sizes and resolutions.

Export CSS.
Export code options (0:30); Copy CSS styles (1:22); Save styles to a CSS file (1:59); Copy/paste SVG (2:00); Save as Responsive SVG (2:32)

 

That's it – you're done. Tell us what you think about this tutorial.

 

06/18/2014

Contributor: Rufus Deuchler