Design the Web: Getting CSS from Photoshop

Speed up your CSS workflow. Extract CSS from an existing design comp automatically using Photoshop's Copy CSS feature.

Introduction

• Preview the final project
• About the exercise files

1. Extracting CSS Properties from Photoshop

• Getting CSS properties from text layers
• Art layers vs. vector shapes
• Converting layer styles (effects) to CSS
• Getting CSS for multiple layers
• Getting coordinates of CSS3 animations