Menu

Sliding Doors of CSS

It’s time to push the limits of CSS and raise another bar for standards-based web design. This tutorial walks through a new Sliding Doors technique for creating visually stunning interface elements with simple, text-based, semantic markup. (Translated into: Farsi, French I, French II, Italian, Russian)

Sliding doors opening out onto a patio

It’s time to push the limits of CSS and raise another bar for standards-based web design. This tutorial walks through a new Sliding Doors technique for creating visually stunning interface elements with simple, text-based, semantic markup. (Translated into: Farsi, French I, French II, Italian, Russian)

A rarely discussed advantage of CSS is the ability to layer background images, allowing them to slide over each other to create certain effects. CSS2’s current state requires a separate HTML element for each background image. In many cases, typical markup for common interface components has already provided several elements for our use.

Read the full article at A List Apart.