[@johanneslumpe/styled-props](../README.md) > ["utils/transforms/translate"](../modules/_utils_transforms_translate_.md) > [TranslateProps](../interfaces/_utils_transforms_translate_.translateprops.md)

# Interface: TranslateProps

## Type parameters
#### T 
## Hierarchy

**TranslateProps**

## Index

### Properties

* [style$Translate](_utils_transforms_translate_.translateprops.md#style_translate)

---

## Properties

<a id="style_translate"></a>

###  style$Translate

**● style$Translate**: *`T`*

*Defined in [utils/transforms/translate.ts:12](https://github.com/johanneslumpe/styled-props/blob/8e709f1/src/utils/transforms/translate.ts#L12)*

The **`translate`** CSS property allows you to specify translation transforms individually and independently of the `transform` property. This maps better to typical user interface usage, and saves having to remember the exact order of transform functions to specify in the `transform` value.

*__see__*: [https://developer.mozilla.org/docs/Web/CSS/translate](https://developer.mozilla.org/docs/Web/CSS/translate)

___