עברית
accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransform-boxtransform-origintransform-styletransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom
transform-style CSS Property
The transform-style property determines whether 3D-transformed descendants retain their 3D space or are flattened into a single plane. Required to apply 3D effects across nested boxes.
.cube {
transform-style: preserve-3d;
}
.scene {
perspective: 1000px;
}
.scene .cube {
transform-style: preserve-3d;
transform: rotateY(45deg);
}
flatThe default value. Creates a flattened representation of descendants — element does not extend a 3D rendering context.preserve-3dEstablishes or extends a 3D rendering context — allowing 3D-transformed descendants to share a common three-dimensional coordinate system.
CSS Transforms Module Level 2
Editor's Draft
W3CMDN
1
2
3
4
5
6
Show all code
Edit CSS online
The plugin that remembers hundreds of CSS items for you
Every CSS property — in a live demonstration
The bilingual CSS reference
previousnext