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