chore: Replace links with cssxref macro in web/svg

files/en-us/web/svg/guides/applying_svg_effects_to_html_content/index.md

@@ -8,7 +8,7 @@ sidebar: svgref
 
 Modern browsers support using [SVG](/en-US/docs/Web/SVG) within [CSS](/en-US/docs/Web/CSS) styles to apply graphical effects to HTML content.
 
-You may specify SVG in styles either within the same document or an external style sheet. There are 3 properties you can use: [`mask`](/en-US/docs/Web/CSS/Reference/Properties/mask), [`clip-path`](/en-US/docs/Web/CSS/Reference/Properties/clip-path), and [`filter`](/en-US/docs/Web/CSS/Reference/Properties/filter).
+You may specify SVG in styles either within the same document or an external style sheet. There are 3 properties you can use: {{cssxref("mask")}}, {{cssxref("clip-path")}}, and {{cssxref("filter")}}.
 
 > [!NOTE]
 > References to SVG in external files must be to the [same origin](/en-US/docs/Web/Security/Defenses/Same-origin_policy) as the referencing document.
@@ -248,7 +248,7 @@ pre.target:hover {
 
 ### Example: Blurred Text
 
-In order to blur text, there is a CSS filter function called [`blur()`](/en-US/docs/Web/CSS/Reference/Values/filter-function/blur). You can achieve the same effect using SVG filters.
+In order to blur text, there is a CSS filter function called {{cssxref("filter-function/blur")}}. You can achieve the same effect using SVG filters.
 
 ```html
 <p class="blur">Time to clean my glasses</p>

files/en-us/web/svg/reference/attribute/baseline-shift/index.md

@@ -12,7 +12,7 @@ The **`baseline-shift`** attribute allows repositioning of the dominant-baseline
 > As a presentation attribute, `baseline-shift` also has a CSS property counterpart: {{cssxref("baseline-shift")}}. When both are specified, the CSS property takes priority.
 
 > [!NOTE]
-> This property is going to be deprecated and authors are advised to use [`vertical-align`](/en-US/docs/Web/CSS/Reference/Properties/vertical-align) instead.
+> This property is going to be deprecated and authors are advised to use {{cssxref("vertical-align")}} instead.
 
 You can use this attribute with the following SVG elements:
 

files/en-us/web/svg/reference/attribute/d/index.md

@@ -66,7 +66,7 @@ For {{SVGElement('path')}}, `d` is a string containing a series of path commands
 ## Using d as a CSS property
 
 `d` is a presentation attribute, and hence can be also be modified using CSS.
-The property takes either [`path()`](/en-US/docs/Web/CSS/Reference/Values/basic-shape/path) or `none`.
+The property takes either {{cssxref("basic-shape/path")}} or `none`.
 
 The example below shows how you might apply a new path on hover over an element.
 The new path is the same as the old one, but adds a line across the heart.

files/en-us/web/svg/reference/element/a/index.md

@@ -104,7 +104,7 @@ svg|a:active {
 {{EmbedLiveSample('Example', 100, 100)}}
 
 > [!WARNING]
-> Since this element shares its tag name with [HTML's `<a>` element](/en-US/docs/Web/HTML/Reference/Elements/a), selecting `a` with CSS or {{domxref("Document.querySelector", "querySelector")}} may apply to the wrong kind of element. Try [the `@namespace` rule](/en-US/docs/Web/CSS/Reference/At-rules/@namespace) to distinguish the two.
+> Since this element shares its tag name with [HTML's `<a>` element](/en-US/docs/Web/HTML/Reference/Elements/a), selecting `a` with CSS or {{domxref("Document.querySelector", "querySelector")}} may apply to the wrong kind of element. Try the {{cssxref("@namespace")}} rule to distinguish the two.
 
 ## Specifications