This PSD file will demo the advanced features of Class Styles and Layer Styles. These tags allows you to add dynamic CSS styles to elements in your output, along with custom CSS classes for reuse in any project. This PSD will show how to create custom CSS themes and styles which can swap on-the-fly at runtime.

File Size

8.9 MB

Download Now

Custom CSS Styles

Export Kit will translate your parent-child relationship in your folders, to give you full control over your PSD to CSS classes in your output. PSD to CSS3 Class Styles can be used to customize run-time designs to add different styles and effects, themes and skins, reusable images, and more.

Effects and Styles

This sample uses various layer effects and styles to achieve the optimal layout. Effects are used in most common project designs and are easily managed with Export Kit.

Testing the PSD

Use Exports view to see the output of the document when using CSS Styles. This export renders 3 CSS themes, ensure you follow the instructions in the video to learn how to change your themes for testing.

Using Exports View

Export the PSD in your required environment to see how CSS Styles are rendered in your output.