PERSPECTIVE
Perspective
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.
Option
Preview
Code
Copy this to the parent element.
perspective: 200px;Copy this to the child element.
transform: rotateX(20deg) rotateY(20deg);
transform-style: preserve-3d;Related Tools in CSS Tools
Background Gradient
Generate CSS gradient backgrounds
Background Image
Generate CSS background image code
Blur
Generate CSS blur effects
Border Image
Generate CSS border-image properties
Border Radius
Generate CSS border-radius properties
Border
Generate CSS border properties
Box Shadow
Generate CSS box-shadow effects
Brightness
Generate CSS brightness filters
Columns
Generate CSS multi-column layouts
Contrast
Generate CSS contrast filters
Cursor
Generate CSS cursor properties
Display
Generate CSS display properties
Drop Shadow
Generate CSS drop-shadow filters
Grayscale
Generate CSS grayscale filters
Hue Rotate
Generate CSS hue-rotate filters
Invert
Generate CSS invert filters
Keyframe Animation
Generate CSS keyframe animations
Letter Spacing
Generate CSS letter-spacing properties
Line Height
Generate CSS line-height properties
List Style
Generate CSS list-style properties
Opacity
Generate CSS opacity properties
Outline
Generate CSS outline properties
Overflow Wrap
Generate CSS overflow-wrap properties
Overflow
Generate CSS overflow properties
Perspective
Generate CSS perspective transforms
Rotate
Generate CSS rotation transforms
Saturate
Generate CSS saturate filters
Scale
Generate CSS scaling transforms
Sepia
Generate CSS sepia filters
Skew
Generate CSS skew transforms
Tab Size
Generate CSS tab-size properties
Text Align
Generate CSS text-align properties
Text Color
Generate CSS color properties
Text Decoration
Generate CSS text-decoration properties
Text Indent
Generate CSS text-indent properties
Text Shadow
Generate CSS text-shadow effects
Text Transform
Generate CSS text-transform properties
Transition
Generate CSS transition properties
Translate
Generate CSS translation transforms
Visibility
Generate CSS visibility properties
White Space
Generate CSS white-space properties
Word Spacing
Generate CSS word-spacing properties