🔥 با کمک هوش مصنوعی در کمتر از 6 ماه فول‌استک شوید ...
۰ ثانیه
۰ دقیقه
۰ ساعت
۳ پانته آ تبریزی
اشکال در حرکت عنصر
جامعه Html & CSS ایجاد شده در ۰۳ آبان ۱۴۰۱

سلام وقت بخیر

در مورد تمرین استاد یه سوالی داشتم، دو خط اول فقط کار میکنه، البته خط‌ها تک به تک کار میکنه اما پشت سر هم نه متاسفانه، ممنون از پاسخگویی تون.

      /*cr onsore morede nazar */
      .cr  {
        position: relative;
        text-align: center;
        height: 100px;
        width: 100px;
        padding-top: 15px;
        margin-right: 145px;
        margin-left: 145px;
        margin-top: 145px;
        background-color: blue;
        color: white;
        border-radius: 15px;
      }
  am.click(function () {
    cr.animate({ right: "150px" }, 1500);
    cr.animate({ top: "150px" }, 1500);
    cr.animate({ left: "150px" }, 1500);
    cr.animate({ bottom: "150px" }, 1500);
  });

درود

پروژه رو بطور کامل زیپ کنید یا در یک کدپن آپلود کنید تا بتونیم بررسی کنیم.

جواد رحمانیان ۰۳ آبان ۱۴۰۱، ۱۹:۴۰

درود بر شما

https://codepen.io/Qeysari/pen/rNKNgQV

سپاس فراوان

پانته آ تبریزی ۰۴ آبان ۱۴۰۱، ۰۶:۵۰

ممنون از اینکه آپلود کردید.

المان شما یا راست دارد یا چپ و به همین ترتیب یا بالا دارد یا پایین. یعنی اینطوری نیست که بتونید برای هر چهار جهت پوزیشن تعریف کنید. مثلا اگر چپ و بالا رو انتخاب کردید با همونا برمیگردید و ...

شما میخواید دور خودش بچرخه، درسته؟ پس کافیه دو تا جهت تون رو انتخاب کنید و با همونا کار کنید:

 obj.animate({ left: "60px" }, 1500);
 obj.animate({ bottom: "60px" }, 1500);
 obj.animate({ left: "0px" }, 1500);
 obj.animate({ bottom: "0px" }, 1500);

برای توضیح بیشتر میتونید این تاپیک استک رو بررسی کنید.

بهترین پاسخ
جواد رحمانیان ۰۴ آبان ۱۴۰۱، ۱۲:۰۶