values
The values 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
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, any from, to, and by attribute values set on the element are ignored.
| Value | <list-of-values> |
|---|---|
| Default value | None |
| Animatable | No |
<list-of-values>-
The value holds a semicolon-separated list of one or more values. The type of the values is defined by the
hrefandattributeNameattributes.
feColorMatrix
For the <feColorMatrix> element, values is a list of numbers interpreted differently depending on the value of the type attribute.
| Value | <list-of-numbers> |
|---|---|
| Default value | If type="matrix", identity matrix,if type="saturate", 1, resulting in identity
matrix,if type="hueRotate", 0,
resulting in identity matrix |
| Animatable | Yes |
<list-of-numbers>-
The value is a list of numbers, which is interpreted differently depending on the value of the
typeattribute:- For
type="matrix",valuesis a list of 20 matrix values (a00 a01 a02 a03 a04 a10 a11 … a34), separated by whitespace and/or a comma. - For
type="saturate",valuesis a single real number value (0 to 1). - For
type="hueRotate",valuesis a single one real number value (degrees). - For
type="luminanceToAlpha",valuesis not applicable.
- For
Specifications
| Specification |
|---|
| Filter Effects Module Level 1 # element-attrdef-fecolormatrix-values |
| SVG Animations Level 2 # ValuesAttribute |