1---
2title: Active State Scale Transform
3impact: HIGH
4impactDescription: Missing active state makes interactive elements feel unresponsive and reduces tactile feedback.
5tags: physics, interaction, active-state
6---
7 
8## Active State Scale Transform
9 
10Interactive elements must have active/pressed state with scale transform.
11 
12**Incorrect (no active state):**
13 
14```css
15.button:hover { background: var(--gray-3); }
16/* Missing :active state */
17```
18 
19**Correct (active state present):**
20 
21```css
22.button:active { transform: scale(0.98); }
23```
24