[@johanneslumpe/styled-props](../README.md) > ["utils/animations/animation"](../modules/_utils_animations_animation_.md) > [AnimationProps](../interfaces/_utils_animations_animation_.animationprops.md)

# Interface: AnimationProps

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

**AnimationProps**

## Index

### Properties

* [style$Animation](_utils_animations_animation_.animationprops.md#style_animation)

---

## Properties

<a id="style_animation"></a>

###  style$Animation

**● style$Animation**: *`T`*

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

The **`animation`** shorthand CSS property applies an animation between styles. It is a shorthand for `animation-name`, `animation-duration`, `animation-timing-function`, `animation-delay`, `animation-iteration-count`, `animation-direction`, `animation-fill-mode`, and `animation-play-state`.

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

___