Illustrator

TOPIC APPEARS IN:

Generate CSS layers for web graphics

You can use layers in your Illustrator artwork to generate CSS layers in the resulting HTML file. A CSS layer is an element that has an absolute position and can overlap with other elements in a web page. Exporting CSS layers is useful when you plan to create dynamic effects in your web page.

The Layers palette in the Save For Web & Devices dialog box gives you control over which top-level layers in your artwork are exported as CSS layers, and whether exported layers are visible or hidden.

  1. Click the Layers tab in the Save For Web & Devices dialog box.
  2. Select Export As CSS Layers.
  3. Select a layer from the Layer pop‑up menu, and set the following options as desired:
    Visible
    Creates a visible CSS layer in the resulting HTML file.

    Hidden
    Creates a hidden CSS layer in the resulting HTML file.
    CSS layers are the same as GoLive layers. Using Adobe GoLive, you can animate a CSS layer and use built‑in JavaScript actions to create interactive effects.