[@johanneslumpe/styled-props](../README.md) > ["utils/transforms/perspective"](../modules/_utils_transforms_perspective_.md) > [PerspectiveProps](../interfaces/_utils_transforms_perspective_.perspectiveprops.md)

# Interface: PerspectiveProps

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

**PerspectiveProps**

## Index

### Properties

* [style$Perspective](_utils_transforms_perspective_.perspectiveprops.md#style_perspective)

---

## Properties

<a id="style_perspective"></a>

###  style$Perspective

**● style$Perspective**: *`T`*

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

The **`perspective`** CSS property determines the distance between the z=0 plane and the user in order to give a 3D-positioned element some perspective. Each 3D element with z>0 becomes larger; each 3D-element with z<0 becomes smaller. The strength of the effect is determined by the value of this property.

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

___