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-orderperspectiveplacepointer-eventspositionprint-color-adjustquotesrreadingresizerightrotaterowrubyrulerxryscalescrollscrollbarshapespeakstopstroketab-sizetable-layouttexttimelinetoptouch-actiontransformtransitiontranslatetrigger-scopeunicode-bidiuser-selectvector-effectvertical-alignviewvisibilitywhitewidowswidthwill-changewordwriting-modexyz-indexzoom

מאפיין scale

מאפיין scale משנה את גודל האלמנט סביב נקודת המקור של הטרנספורם. בניגוד ל-transform: scale(), הוא longhand נפרד שמאפשר אנימציה עצמאית של קנה-מידה — בלי להתנגש עם rotate/translate. מקבל 1-3 ערכים עבור צירי X, Y ו-Z.
.grow { scale: 1.5; } .hover-zoom { scale: 1; transition: scale 200ms ease; } .hover-zoom:hover { scale: 1.2 1.1; }
פחות:0 יותר:9999 צעד:0.01 יחידות: | % noneאין שינוי קנה-מידה (ברירת המחדל). לא יוצר stacking context או containing block. CSS Transforms Module Level 2 Editor's Draft W3CMDN
CSS Show all code ערוך CSS און-ליין התוסף שזוכר עבורך מאות פריטי CSS כל פרופרטי CSS — בהדגמה חיה מקור הייחוס הדו-לשוני ל-CSS
הגדרהדוגמאותתחבירמודולמפרטמקורות מידעהדגמה חזותית