MDN feature pages for SVGAnimatedTransformList

files/en-us/web/api/svganimatedtransformlist/animval/index.md

@@ -0,0 +1,44 @@
+---
+title: SVGAnimatedTransformList.animVal Property
+short-title: animVal
+slug: Web/API/SVGAnimatedTransformList/animVal
+page-type: web-api-instance-property
+browser-compat: api.SVGAnimatedTransformList.animVal
+---
+
+{{APIRef("SVG")}}
+
+The **`SVGAnimatedTransformList.animVal`** read-only property of the {{domxref("SVGAnimatedTransformList")}} interface represents the animated value of the `transform` attribute of an SVG element.
+
+This property provides access to the current value of the `transform` attribute during an animation. If the transform is not currently being animated, `animVal` will return the same value as `baseVal`.
+
+## Value
+
+An {{domxref("SVGTransformList")}} object that reflects the current animated value of the `transform` attribute.
+
+## Examples
+
+```js
+// Get the rectangle element
+const rect = document.getElementById("myRect");
+
+// Access the animated transform list (if any)
+const animTransforms = rect.transform.animVal;
+
+// Log the animated transforms to the console
+console.log(animTransforms);
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("SVGAnimatedTransformList.baseVal")}}
+- {{domxref("SVGTransformList")}}
+- {{domxref("SVGTransform")}}

files/en-us/web/api/svganimatedtransformlist/baseval/index.md

@@ -0,0 +1,44 @@
+---
+title: SVGAnimatedTransformList.baseVal Property
+short-title: baseVal
+slug: Web/API/SVGAnimatedTransformList/baseVal
+page-type: web-api-instance-property
+browser-compat: api.SVGAnimatedTransformList.baseVal
+---
+
+{{APIRef("SVG")}}
+
+The **`SVGAnimatedTransformList.baseVal`** read-only property of the {{domxref("SVGAnimatedTransformList")}} interface represents the non-animated value of the `transform` attribute of an SVG element.
+
+This property provides access to the static value of the `transform` attribute, as set by the `transform` or similar presentation attributes (such as `gradientTransform` or `patternTransform`) of an SVG element.
+
+## Value
+
+An {{domxref("SVGTransformList")}} object that represents the current, non-animated value of the `transform` attribute.
+
+## Examples
+
+```js
+// Get the rectangle element
+const rect = document.getElementById("myRect");
+
+// Access the non-animated transform list of the element
+const baseTransforms = rect.transform.baseVal;
+
+// Log the base transforms to the console
+console.log(baseTransforms);
+```
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("SVGAnimatedTransformList.animVal")}}
+- {{domxref("SVGTransformList")}}
+- {{domxref("SVGTransform")}}

files/en-us/web/api/svganimatedtransformlist/index.md

@@ -62,14 +62,14 @@ The `SVGAnimatedTransformList` interface is used for attributes which take a lis
   </thead>
   <tbody>
     <tr>
-      <td><code>baseVal</code></td>
+      <td><code>{{domxref("SVGAnimatedTransformList.baseVal")}}</code></td>
       <td>{{ domxref("SVGTransformList") }}</td>
       <td>
         The base value of the given attribute before applying any animations.
       </td>
     </tr>
     <tr>
-      <td><code>animVal</code></td>
+      <td><code>{{domxref("SVGAnimatedTransformList.animVal")}}</code></td>
       <td>{{ domxref("SVGTransformList") }}</td>
       <td>
         A read only {{ domxref("SVGTransformList") }} representing