המאפיין animation-composition מציין את הפעולה המרוכבת לשימוש כאשר מספר אנימציות משפיעות על אותו מאפיין בו זמנית
הערה: כאשר אתה מציין מספר ערכים מופרדים בפסיקים על מאפיין אנימציה-*, הם יחולו על ההנפשות בסדר שבו מופיעים שמות ההנפשה. אם מספר האנימציות והקומפוזיציות שונה, הערכים הרשומים במאפיין animation-composition יעברו במחזוריות מהשם הראשון עד האחרון של האנימציה, ויעברו לולאה עד שלכל האנימציות יהיה ערך של קומפוזיציה אנימציה. למידע נוסף, ראה הגדרת ערכי מאפייני הנפשה מרובים.
דוגמא: שינוי משך ההשהיה, האנימציה כבר החלה כדי לראות את האפקט שינוי המידה יגרום לאנימציה להתחיל מחדש
| הערך שנבדק | Chrome | Firefox | EdgeC | Opera |
|---|---|---|---|---|
| add | ✔️ | ✔️ | ✔️ | ✔️ |
| replace | ✔️ | ✔️ | ✔️ | ✔️ |
| accumulate | ✔️ | ✔️ | ✔️ | ✔️ |
| revert | ✔️ | ✔️ | ✔️ | ✔️ |
| revert-layer | ✔️ | ✔️ | ✔️ | ✔️ |
| unset | ✔️ | ✔️ | ✔️ | ✔️ |
| inherit | ✔️ | ✔️ | ✔️ | ✔️ |
| initial | ✔️ | ✔️ | ✔️ | ✔️ |