حرکت نکردن المان قبل از لود کامل

1. یک کلاس مستقل به اون دایو اضافه کنین مثلا

   <div class="my_class "></div>

   بعد کلاس انیمه شدن یا هاور شدنش رو در سی اس اس به اسم کلاس دیگه ای بنویسید مثلا

   .my_class.is_animated {...}

   و تمام استایل های هاور شدن یا انیمیشن شدن رو به این کلاس دوم انتساب بدید
   و داخل اسکریپت یک کد بنویسید که زمانی که صفحه لود شد، کلاس دوم به این المان اضافه بشه

<script>
    window.addEventListener('DOMContentLoaded', (event) => {
        document.querySelector('.my_class').classList.add('is_animated')
    });
</script>

این ترفند کاری که میکنه، وقتی تمام دام مرورگر شما لود شد، این حالت انیمیشن رو بهش اضافه میکنه

مرسی از جوابتون، کد من جی کوئری هست و خودش .ready داره، اینو میزارم دیگه کدم کار نمیکنه،

سلام رفیق امیدوارم حالت خوب باشه. عنصری که میگید حتی با لود کامل هم با حرکت ماوس کار نمیکنه و اگه محیط کنسول مروگرتون رو بالا بیارید میبینید قبل از رویداد mousemove توی رویداد mouseout ارور وجود داره. و خطایی هم که هست احتمالا مربوط به انتخاب اون عنصر قبل از لود کامل DOM هست. که اگر این خط ها رو توی بلاک ready قرار بدین احتمالا مشکل حل شه .

بله کدش رو تغییر دادم، مرسی از جوابتون🙏