-
Notifications
You must be signed in to change notification settings - Fork 22.4k
/
index.md
23 lines (16 loc) · 1.01 KB
/
index.md
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
---
title: Composite operation
slug: Glossary/Composite_operation
page-type: glossary-definition
---
{{GlossarySidebar}}
In CSS, the value of a property in a CSS rule is the _underlying value_ of that property, and the value of that same property in a [keyframe](/en-US/docs/Web/CSS/@keyframes) is its _effect value_.
**Composite operation** is the specific operation that is used to combine an effect value with an underlying value to produce the final keyframe effect value. There are three types of composite operations:
- **replace**: The effect value replaces the underlying value. The final effect value in this case is the original effect value itself.
- **add**: The effect value is added to the underlying value.
- **accumulate**: The effect value is combined with the underlying value.
> [!NOTE]
> Composite operation in CSS only applies to animations.
## See also
- [`animation-composition`](/en-US/docs/Web/CSS/animation-composition)
- [`KeyframeEffect.composite`](/en-US/docs/Web/API/KeyframeEffect/composite)