[@johanneslumpe/styled-props](../README.md) > ["utils/transitions/transitionDuration"](../modules/_utils_transitions_transitionduration_.md) > [TransitionDurationProps](../interfaces/_utils_transitions_transitionduration_.transitiondurationprops.md)

# Interface: TransitionDurationProps

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

**TransitionDurationProps**

## Index

### Properties

* [style$TransitionDuration](_utils_transitions_transitionduration_.transitiondurationprops.md#style_transitionduration)

---

## Properties

<a id="style_transitionduration"></a>

###  style$TransitionDuration

**● style$TransitionDuration**: *`T`*

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

The **`transition-duration`** CSS property sets the length of time a transition animation should take to complete. By default, the value is `0s`, meaning that no animation will occur.

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

___