درس 49: انیمیشن ها و keyframes
فایل را استخراج و index.html را باز کنید؛ اینترنت لازم نیست.
انیمیشن ها از ابتدا اجرا نمی شوند: گزینه های مربوط را فعال کنید.
برای تکرار، گزینه اجرا را بردارید و دوباره بزنید.
حرکت نقطه 4 چرخه یک ثانیه ای alternate دارد؛ توقف موقت زمان پایان را عقب می اندازد.
توقف را وسط حرکت فعال کنید و سپس بردارید. پایان چرخه را با شروع دوباره اشتباه نگیرید.
در تنظیم کاهش حرکت، انیمیشن ها حذف می شوند و محتوای کارت باقی می ماند.
تمرین: حرکت ورود 8px، مدت 400ms و یک بار اجرا برای practice-card.
پاسخ را با اتصال solution.css پس از style.css در head فعال کنید.
آزمایش دستی: عرض 320 و 768، بزرگ نمایی 200 درصد، Tab و Space برای گزینه ها، کاهش حرکت.
