# Zoom-based Styling
{% hint style="info" %}
Zoom-based styling is useful to change how features and labels are shown at different zoom levels.
{% endhint %}
Most of the properties used on the `style` and `label` blocks can be defined using interpolators to enable zoom-based styling. Take a look at the full list of properties that can be interpolated in [the full specification](https://developers.felt.com/felt-style-language/examples).
We support multiple types of interpolators: Step functions, linear, exponential and cubic bezier to enable your map looking like you want at each zoom level. See the [*Interpolators*](https://developers.felt.com/felt-style-language/zoom-based-styling/interpolators) page.
An example of a layer changing feature colors depending on the zoom level can be found below
```json
"paint": {
"color": {"linear": [[14, "red"], [20, "blue"]]},
...
}
```
On zoom levels lower than `14`, features of this layer will be rendered in `red` color. On zoom levels higher than `20`, features of this layer will be rendered in `blue` color.
In zooms between `14` and `20`, color will be linearly interpolated between `red` and `blue.`
