µCSS™ Demos

Buttons

The same layered draft used in µCSS™ 1 (buttons.psd): two layout groups (aqua / alu), five icon glyphs, normal + hover states. µPS ButtonAndIconCreator renders PNGs; µCSS™ packs them into one sprite atlas and compiles -µ: Sprite(...) rules.

Theme: aqua — hover the icons in the play area

Build output

Combined sprite atlas
sprites.png — all aqua + alu buttons + @2x in one atlas
Single rendered button PNG
One PNG from the PSD (before atlas packing)

Source PSD: dev/media/drafts/buttons.psd (µCSS™ 1 sample draft)