هماهنگ نبودن حرکت چرخ و ماشین

جامعه‌ها وبلاگ شروع یادگیری برنامه نویسی

درود،

بابت تمرینی که استاد گفتن؛

انیمیشنِ exit رو به هر کلاس و رپری میدم، ماشین و چرخ‌ها یکپارچه و همزمان حرکت نمی‌کنن

https://codepen.io/Sahar_Pashaei/pen/LYXgpZQ

درود

برای بررسی این مورد باید کل پروژه رو زیپ کنید و بفرستید چون در طرح رایگان کدپن به تصاویر و ... دسترسی نداریم و نمیتونیم خروجی رو ببینیم.

نازنین کریمی مقدم ۰۴ مرداد ۱۴۰۲، ۱۱:۳۲

متاسفانه اینجا نمی‌شه فایل آپلود کرد

الان باید درست شده باشه، لطفا چک می‌کنید?

https://codepen.io/Sahar_Pashaei/pen/LYXgpZQ

سحر پاشائی ۰۴ مرداد ۱۴۰۲، ۱۱:۳۸

ممنون بابت آپلود متوجه شدم.

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

نازنین کریمی مقدم ۰۶ مرداد ۱۴۰۲، ۱۰:۲۱

درود

کدپن اصلاح شده: https://codepen.io/nkm96/pen/poQQdjM

برای توضیحات به این تاپیک مراجعه کنید.

دقت کنید که مساله یک جواب نداره و این یکی از ساده‌ترین راه‌های حل مشکل هست.

نازنین کریمی مقدم ۰۷ مرداد ۱۴۰۲، ۰۵:۱۵

ممنون درست شد?

فقط وقتی از صفحه خارج می‌شه ماشین ( و حالا باید مجدد انیمیشن تکرار شه و از چپ وارد شه ...)

چند ثانیه ای معطل می‌شیم؛

این رو چطور می‌شه هندل کرد که سریع وارد شه از اونور و خالی نمونه صفحه ؟

سحر پاشائی ۰۷ مرداد ۱۴۰۲، ۱۴:۰۶

خوشحالم مشکل تون حل شده.

اون وقفه رو میتونید با تنظیم درست درصدها و زمان هر چرخه مدیریت کنید. برای مثال:

@keyframes exit {
  100% {
    transform: translateX(70%);
  }
  0% {
        transform: translateX(-50%);
  }
}
.all {
    animation-duration: 4s;
}

بهترین پاسخ

نازنین کریمی مقدم ۰۸ مرداد ۱۴۰۲، ۰۵:۲۴