MDN Feature Pages for SVGAnimatedBoolean

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

@@ -0,0 +1,31 @@
+---
+title: "SVGAnimatedBoolean: animVal property"
+short-title: animVal
+slug: Web/API/SVGAnimatedBoolean/animVal
+page-type: web-api-instance-property
+browser-compat: api.SVGAnimatedBoolean.animVal
+---
+
+{{APIRef("SVG")}}
+
+The **`animVal`** read-only property of the {{domxref("SVGAnimatedBoolean")}} interface represents the current animated value of the associated SVG attribute. If there are no animations, `animVal` is the same as {{domxref("SVGAnimatedBoolean.baseVal")}}.
+
+## Value
+
+A `boolean` representing the animated value of the reflected attribute:
+
+- `true` if the animated value of the attribute is `"true"`.
+- `false` if the animated value is `"false"` or not present.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("SVGElement")}}
+- {{domxref("SVGAnimationElement")}}

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

@@ -0,0 +1,31 @@
+---
+title: "SVGAnimatedBoolean: baseVal property"
+short-title: baseVal
+slug: Web/API/SVGAnimatedBoolean/baseVal
+page-type: web-api-instance-property
+browser-compat: api.SVGAnimatedBoolean.baseVal
+---
+
+{{APIRef("SVG")}}
+
+The **`baseVal`** property of the {{domxref("SVGAnimatedBoolean")}} interface reflects the base (non-animated) boolean value of the associated SVG attribute. It is writable and represents the current value before any animations are applied.
+
+## Value
+
+A `boolean` representing the base value of the reflected attribute:
+
+- `true` if the reflected attribute is `"true"`.
+- `false` if the reflected attribute is `"false"` or not present.
+
+## Specifications
+
+{{Specifications}}
+
+## Browser compatibility
+
+{{Compat}}
+
+## See also
+
+- {{domxref("SVGElement")}}
+- {{domxref("SVGAnimationElement")}}

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

@@ -27,7 +27,7 @@ The `SVGAnimatedBoolean` interface is used for attributes of type boolean which
       <th scope="row">Properties</th>
       <td>
         <ul>
-          <li>readonly boolean <code>baseVal</code></li>
+          <li>boolean <code>baseVal</code></li>
           <li>readonly boolean <code>animVal</code></li>
         </ul>
       </td>
@@ -56,14 +56,14 @@ The `SVGAnimatedBoolean` interface is used for attributes of type boolean which
   </thead>
   <tbody>
     <tr>
-      <td><code>baseVal</code></td>
+      <td><code>{{domxref("SVGAnimatedBoolean.baseVal")}}</code></td>
       <td>boolean</td>
       <td>
         The base value of the given attribute before applying any animations.
       </td>
     </tr>
     <tr>
-      <td><code>animVal</code></td>
+      <td><code>{{domxref("SVGAnimatedBoolean.animVal")}}</code></td>
       <td>boolean</td>
       <td>
         If the given attribute or property is being animated, contains the