מאפיין animation-composition

מאפיין animation-composition מגדיר את פעולת ההרכבה (composite) כאשר מספר אנימציות משפיעות על אותו מאפיין בו-זמנית. שאוב מ-Web Animations.

.box { animation-composition: add; }

.layered { animation: shift 1s, wiggle 200ms infinite; animation-composition: add, replace; }

replaceערך ברירת המחדל. הערך הבא דורס את הקודם.

addהערך נוסף לערך הקודם — שימושי למשמרת מצטברת.

accumulateערכים מצטברים — שונה מ-add עבור גוונים/transforms.

CSS Animations Level 2

Editor's Draft

CSS

Show all code