☰ styleditor.net styleditor.net styleditor.net styleditor.net English accent-coloralignalignment-baselineallanchoranimationappearanceaspect-ratiobackdrop-filterbackface-visibilitybackgroundbaselineblock-sizeborderbottomboxbreakcaption-sidecaretclearclipcolorcolumncolumnscontaincontainercontentcornercountercursorcxcyddirectiondisplaydominant-baselinedynamic-range-limitempty-cellsfield-sizingfillfilterflexfloatfloodfontforced-color-adjustgapgridheighthyphenatehyphensimageime-modeinitial-letterinline-sizeinsetinteractivityinterestinterpolate-sizeisolationjustifyleftletter-spacinglighting-colorlinelistmarginmarkermaskmathmaxminmix-blend-modeobjectoffsetopacityorderorphansoutlineoverflowoverlayoverscrollpaddingpagepaint-orderperspectiveperspective-originplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

מאפיין perspective

מאפיין perspective קובע את מרחק נקודת הצופה מהמישור z=0 — יוצר אפקט 3D פרספקטיבי לצאצאי האלמנט. ערך קטן יותר = פרספקטיבה דרמטית יותר; ערך גדול יותר = פרספקטיבה עדינה. ערכים קטנים מ-1px מטופלים כ-1px.
.scene { perspective: 800px; } .cube-container { perspective: 600px; perspective-origin: center center; }
פחות:0 יותר:9999 צעד:10 יחידות:px | em | rem noneאין אפקט פרספקטיבה — האלמנטים נראים שטוחים על הקנבס (ברירת המחדל). CSS Transforms Module Level 2 Editor's Draft <length> W3CMDN
Show all code ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטסוגי ערכיםמקורות מידעהדגמה חזותית