Thevalues attribute has different meanings, depending upon the context where it's used, either it defines a sequence of values used over the course of an animation, or it's a list of numbers for a color matrix, which is interpreted differently depending on the type of color change to be performed.

You can use this attribute with the following SVG elements:

• <animate>
• <animateMotion>
• <animateTransform>
• <feColorMatrix>

animate, animateMotion, animateTransform

For<animate>,<animateMotion>, and<animateTransform>,values is a list of values defining the sequence of values over the course of the animation. If this attribute is specified, anyfrom,to, andby attribute values set on the element are ignored.

<list-of-values>

The value holds a semicolon-separated list of one or more values. The type of the values is defined by thehref andattributeName attributes.

feColorMatrix

For the<feColorMatrix> element,values is a list of numbers interpreted differently depending on the value of thetype attribute.

<list-of-numbers>

The value is a list of numbers, which is interpreted differently depending on the value of thetype attribute:

• Fortype="matrix",values is a list of 20 matrix values (a00 a01 a02 a03 a04 a10 a11 … a34), separated by whitespace and/or a comma.
• Fortype="saturate",values is a single real number value (0 to 1).
• Fortype="hueRotate",values is a single one real number value (degrees).
• Fortype="luminanceToAlpha",values is not applicable.

Specifications