The CSS Propertie translate

מאפיין translate מבצע הזחה דו/תלת-ממדית כ-longhand נפרד — מאפשר אנימציה עצמאית של הזחה בלי להתנגש עם rotate/scale. מקבל 1-3 ערכים עבור צירי X, Y ו-Z.

.shift { translate: 20px 10px; }

.bounce { translate: 0 0; transition: translate 200ms ease; } .bounce:hover { translate: 0 -10px; }

פחות:-9999 יותר:9999 צעד:1

יחידות:px | % | em | rem | vh | vw

noneערך ברירת המחדל. אין הזחה. לא יוצר stacking context או containing block.

CSS Transforms Module Level 2

Editor's Draft

<length-percentage>

cssguide

Show all code