CSS Micro-FX

Functional feedback effects: inputs, buttons, loaders, text links. These respond to :focus / :active / state changes — not hover.

Step 1 — Detect Context & Style

Read the existing UI before applying anything.

What to read

Form density
  few fields, large padding  → marketing / signup page → Shine, Bubble
  many fields, tight layout  → app / dashboard        → Bars, subtle Highlight