The type attribute is a generic attribute and it has different meaning based on the context in which it's used.
<animateTransform> element, it defines the type of transformation, whose values change over time.<feColorMatrix> element, it indicates the type of matrix operation. The keyword matrix indicates that a full 5x4 matrix of values will be provided. The other keywords represent convenience shortcuts to allow commonly used color operations to be performed without specifying a complete matrix.<feFuncR>, <feFuncG>, <feFuncB>, and <feFuncA> elements, it Indicates the type of component transfer function.<feTurbulence> element, it indicates whether the filter primitive should perform a noise or turbulence function.<style> and <script> elements, it defines the content type of the element.You can use this attribute with the following SVG elements:
SVG element: <animateTransform>
| Categories | None |
|---|---|
| Value | translate | scale | rotate | skewX | skewY |
| Animatable | No |
| Normative document | Scalable Vector Graphics (SVG) 2 |
SVG element: <feColorMatrix>
| Categories | None |
|---|---|
| Value | matrix | saturate | hueRotate | luminanceToAlpha |
| Animatable | Yes |
| Normative document | Filter Effects Module Level 1 |
SVG elements: <feFuncR>, <feFuncG>, <feFuncB>, <feFuncA>
| Categories | None |
|---|---|
| Value | identity | table | discrete | linear | gamma |
| Animatable | Yes |
| Normative document | Filter Effects Module Level 1 |
SVG element: <feTurbulence>
| Categories | None |
|---|---|
| Value | fractalNoise | turbulence |
| Animatable | Yes |
| Normative document | Filter Effects Module Level 1 |
SVG elements: <style>, <script>
| Categories | None |
|---|---|
| Value | <media-type> |
| Animatable | No |
| Normative document | Scalable Vector Graphics (SVG) 2 Scalable Vector Graphics (SVG) 2 |
© 2005–2025 MDN contributors.
Licensed under the Creative Commons Attribution-ShareAlike License v2.5 or later.
https://developer.mozilla.org/en-US/docs/Web/SVG/Reference/Attribute/type