۲ سوال css

شاید اگر کدهای خودتون رو اینجا می نوشتین بهتر می شد نظر داد و راهنمایی کرد،

فعلا موارد و نمونه های زیر شاید بهتون کمک کنه

در مورد سوال اول، برای اجرای چرخش و حرکت مورد نظرمیشه از انیمیشن زیربرای مکعب استفاده کرد

@keyframes flip {
  from {
    transform: rotatey(0);
  }
  to {
    transform: rotateY(180deg);
  }
}

همینطور که می دونید باید موارد زیر رو هم برای اجرای انیمیشن در نظر بگیرید

  animation-timing-function: linear;
  animation-iteration-count: infinite;
  animation-direction: alternate;

می تونید اجرای انیمیشن بالا را دراین نمونه مشاهده کنید

برای حرکت مورد سوال دوم ، این انیمیشن می تونه کمک کنه

@keyframes movement {
   ۰% {
    transform: translate(0,0);
  }
  ۵۰% {
    transform: translate(225px,210px);
  }
  ۱۰۰% {
   transform: translate(450px,0); 
  }

مقادیر تعریف شده برای translate مربوط به این نمونه می باشد

در مورد سوال سومتون با کمک position  وtransform می تونید این کار را انجام بدید

این هم یک نمونه برای مورد سوال سوم

و

یک نمونه مشابه دیگر