CSS انیمیشن و ترنزیشن پیش‌فرض: 50% 50% ارث‌بری نمی‌شود

transform-origin

نقطه مرجع اعمال transform را تعیین می‌کند؛ برای چرخش از گوشه یا افکت فلیپ روی لبه کاربرد دارد.

سینتکس

transform-origin: <position>;

مثال کاربردی

.flip {
  transform-origin: right center;
}

مقادیر رایج

center مرکز (پیش‌فرض)
top left گوشه بالا چپ
right center وسط لبه راست

موارد مرتبط در CSS

animation animation-delay animation-duration animation-iteration-count animation-name animation-timing-function