Utilities for controlling an element's perspective when placed in 3D space.
<table style="display: table;">
<thead>
<tr>
<th style="text-align: center;">Class</th>
<th style="text-align: center;">Properties</th>
</tr>
</thead>
<tbody>
<tr><td>perspective-dramatic</td><td>perspective: 100px;</td></tr>
<tr><td>perspective-near</td><td>perspective: 300px;</td></tr>
<tr><td>perspective-normal</td><td>perspective: 500px;</td></tr>
<tr><td>perspective-midrange</td><td>perspective: 800px;</td></tr>
<tr><td>perspective-distant</td><td>perspective: 1200px;</td></tr>
<tr><td>perspective-none</td><td>perspective: none;</td></tr>
</tbody>
</table>
### Arbitrary values
Any [`<length>`](crate::utils::value_matchers::is_matching_length) property is allowed as arbitrary value.
For example, `perspective-[0.1rem]`.
[Tailwind reference](https://tailwindcss.com/docs/perspective)