# Scale

Set the scale for an element.

**Widely available.** This feature is well established and works across many devices and browser versions.

Chrome 104 · Edge 104 · Firefox 72 · Safari 14.1

| Class | Properties | Value |
|-------|------------|-------|
| `s:0` | scale | `0` |
| `s:5` | scale | `.05` |
| `s:10` | scale | `.1` |
| `s:15` | scale | `.15` |
| `s:20` | scale | `.2` |
| `s:25` | scale | `.25` |
| `s:30` | scale | `.3` |
| `s:35` | scale | `.35` |
| `s:40` | scale | `.4` |
| `s:45` | scale | `.45` |
| `s:50` | scale | `.5` |
| `s:55` | scale | `.55` |
| `s:60` | scale | `.6` |
| `s:65` | scale | `.65` |
| `s:70` | scale | `.7` |
| `s:75` | scale | `.75` |
| `s:80` | scale | `.8` |
| `s:85` | scale | `.85` |
| `s:90` | scale | `.9` |
| `s:95` | scale | `.95` |
| `s:100` | scale | `1` |

## Scale X

| Class | Properties | Value |
|-------|------------|-------|
| `sx:0` | scale | `0` |
| `sx:5` | scale | `.05` |
| `sx:10` | scale | `.1` |
| `sx:15` | scale | `.15` |
| `sx:20` | scale | `.2` |
| `sx:25` | scale | `.25` |
| `sx:30` | scale | `.3` |
| `sx:35` | scale | `.35` |
| `sx:40` | scale | `.4` |
| `sx:45` | scale | `.45` |
| `sx:50` | scale | `.5` |
| `sx:55` | scale | `.55` |
| `sx:60` | scale | `.6` |
| `sx:65` | scale | `.65` |
| `sx:70` | scale | `.7` |
| `sx:75` | scale | `.75` |
| `sx:80` | scale | `.8` |
| `sx:85` | scale | `.85` |
| `sx:90` | scale | `.9` |
| `sx:95` | scale | `.95` |
| `sx:100` | scale | `1` |

## Scale Y

| Class | Properties | Value |
|-------|------------|-------|
| `sy:0` | scale | `0` |
| `sy:5` | scale | `.05` |
| `sy:10` | scale | `.1` |
| `sy:15` | scale | `.15` |
| `sy:20` | scale | `.2` |
| `sy:25` | scale | `.25` |
| `sy:30` | scale | `.3` |
| `sy:35` | scale | `.35` |
| `sy:40` | scale | `.4` |
| `sy:45` | scale | `.45` |
| `sy:50` | scale | `.5` |
| `sy:55` | scale | `.55` |
| `sy:60` | scale | `.6` |
| `sy:65` | scale | `.65` |
| `sy:70` | scale | `.7` |
| `sy:75` | scale | `.75` |
| `sy:80` | scale | `.8` |
| `sy:85` | scale | `.85` |
| `sy:90` | scale | `.9` |
| `sy:95` | scale | `.95` |
| `sy:100` | scale | `1` |

## Media Queries

Prefix a class with a breakpoint to apply it from that width up.

| Class | Properties | Value |
|-------|------------|-------|
| `s:0` | scale | `0` |
| `s:5` | scale | `.05` |
| `s:10` | scale | `.1` |
| `s:15` | scale | `.15` |
| `s:20` | scale | `.2` |
| `s:25` | scale | `.25` |
| `s:30` | scale | `.3` |
| `s:35` | scale | `.35` |
| `s:40` | scale | `.4` |
| `s:45` | scale | `.45` |
| `s:50` | scale | `.5` |
| `s:55` | scale | `.55` |
| `s:60` | scale | `.6` |
| `s:65` | scale | `.65` |
| `s:70` | scale | `.7` |
| `s:75` | scale | `.75` |
| `s:80` | scale | `.8` |
| `s:85` | scale | `.85` |
| `s:90` | scale | `.9` |
| `s:95` | scale | `.95` |
| `s:100` | scale | `1` |

## Pseudo Classes

Prefix a class with a state to apply it only while that state matches.

| Class | Properties | Value |
|-------|------------|-------|
| `s:0` | scale | `0` |
| `s:5` | scale | `.05` |
| `s:10` | scale | `.1` |
| `s:15` | scale | `.15` |
| `s:20` | scale | `.2` |
| `s:25` | scale | `.25` |
| `s:30` | scale | `.3` |
| `s:35` | scale | `.35` |
| `s:40` | scale | `.4` |
| `s:45` | scale | `.45` |
| `s:50` | scale | `.5` |
| `s:55` | scale | `.55` |
| `s:60` | scale | `.6` |
| `s:65` | scale | `.65` |
| `s:70` | scale | `.7` |
| `s:75` | scale | `.75` |
| `s:80` | scale | `.8` |
| `s:85` | scale | `.85` |
| `s:90` | scale | `.9` |
| `s:95` | scale | `.95` |
| `s:100` | scale | `1` |

## Negative Values

Put a minus after the colon to negate a value.

| Class | Properties | Value |
|-------|------------|-------|
| `s:0` | scale | `0` |
| `s:5` | scale | `.05` |
| `s:10` | scale | `.1` |
| `s:15` | scale | `.15` |
| `s:20` | scale | `.2` |
| `s:25` | scale | `.25` |
| `s:30` | scale | `.3` |
| `s:35` | scale | `.35` |
| `s:40` | scale | `.4` |
| `s:45` | scale | `.45` |
| `s:50` | scale | `.5` |
| `s:55` | scale | `.55` |
| `s:60` | scale | `.6` |
| `s:65` | scale | `.65` |
| `s:70` | scale | `.7` |
| `s:75` | scale | `.75` |
| `s:80` | scale | `.8` |
| `s:85` | scale | `.85` |
| `s:90` | scale | `.9` |
| `s:95` | scale | `.95` |
| `s:100` | scale | `1` |