Sofia Emelianova
הכרטיסייה Animations (אנימציות) בכלי הפיתוח ל-Chrome היא כלי רב-עוצמה שעוזר להאט, להפעיל מחדש, לשנות את תזמון האנימציות ב-CSS ולראות את התוצאות באופן מיידי.
כשהכרטיסייה אנימציות פתוחה, היא מתעדת אנימציות באופן אוטומטי, מקבצת אותן בצורה נוחה ומאפשרת לכם:
- אפשר להפעיל מחדש את האנימציות ולהאט אותן כדי לבדוק אותן טוב יותר.
- אפשר לשנות את משכי הזמן, התזמונים והעיכובים על ידי גרירה של נקודות בציר הזמן, במקום לנחש ולהגדיר ערכים של CSS באופן ידני.
בנוסף, אפשר לערוך את זמני ההאצה ולהגדיר ערכי עקומה מותאמים אישית של cubic-bezier באמצעות כלי העריכה של האפקט בחלונית רכיבים > סגנונות. מידע נוסף זמין במאמר עריכת תזמון האנימציה והמעבר באמצעות כלי העריכה של העקומות.
כדי לקבל חוויית למידה מעשית יותר, מומלץ לעיין במדריך בדיקה ושינוי של אפקטים של אנימציות CSS.