index.md

---

title: additive
slug: Web/SVG/Attribute/additive
page-type: svg-attribute
tags:
  - NeedsCompatTable
  - NeedsExample
  - SVG
  - SVG Attribute
spec-urls: https://svgwg.org/specs/animations/#AdditiveAttribute

---

{{SVGRef}}

The additive attribute controls whether or not an animation is additive.

It is frequently useful to define animation as an offset or delta to an attribute's value, rather than as absolute values.

You can use this attribute with the following SVG elements:

• {{SVGElement("animate")}}

• {{SVGElement("animateColor")}}

• {{SVGElement("animateMotion")}}

• {{SVGElement("animateTransform")}}

Usage notes

Value	replace | sum
Default value	replace
Animatable	No

• sum

  • : Specifies that the animation will add to the underlying value of the attribute and other lower priority animations.

• replace

  • : Specifies that the animation will override the underlying value of the attribute and other lower priority animations. This is the default, however the behavior is also affected by the animation value attributes {{SVGAttr("by")}} and {{SVGAttr("to")}}, as described in SMIL Animation: How from, to and by attributes affect additive behavior.

Specifications

{{Specifications}}

See also

• SMIL Animation specification