10 KiB
| title | chunk | source | category | tags | date_saved | instance |
|---|---|---|---|---|---|---|
| Composite operation - Glossary | MDN | 1/3 | https://developer.mozilla.org/en-US/docs/Glossary/Composite_operation | reference | web, html, css, javascript, documentation | 2026-05-05T05:28:09.364826+00:00 | kb-cron |
MDN HTML HTML: Markup language
HTML reference
HTML guides
Markup languages
CSS reference
CSS guides
Layout cookbook
JavaScriptJS JavaScript: Scripting language
JS reference
JS guides
Web APIs Web APIs: Programming interfaces
Web API reference
Web API guides
- Using the Web animation API
- Using the Fetch API
- Working with the History API
- Using the Web speech API
- Using web workers
Technologies
Topics
Learn Learn web development
Frontend developer course
- Getting started modules
- Core modules
- MDN Curriculum
- Check out the video course from Scrimba, our partner
Learn HTML
Learn CSS
Learn JavaScript
Tools Discover our tools
About Get to know MDN better
Composite operation
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 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.