מאפיין rotate

מאפיין rotate מסובב אלמנט בזווית סביב ציר. בניגוד ל-transform: rotate(), הוא longhand נפרד שמאפשר אנימציה עצמאית של סיבוב — בלי להתנגש עם translate/scale. ניתן לציין ציר (x/y/z) או וקטור 3D.

.spin { rotate: 45deg; }

.card-flip { rotate: y 180deg; transition: rotate 500ms ease; }

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

יחידות:deg | rad | turn | grad

noneאין סיבוב (ברירת המחדל).

xציר X — סיבוב סביב הציר האופקי (כמו rotateX()).

yציר Y — סיבוב סביב הציר האנכי (כמו rotateY()).

zציר Z — סיבוב סביב ציר הצופה (כמו rotateZ() או rotate() דו-מימדי).

CSS Transforms Module Level 2

Editor's Draft

<angle>

W3C MDN

Show all code

ערוך CSS און-ליין

התוסף שזוכר עבורך מאות פריטי CSS

כל פרופרטי CSS — בהדגמה חיה

מקור הייחוס הדו-לשוני ל-CSS

previous next