Add see also to <filter-function> and related pages (mdn#24234)

teoli2003 · Feb 7, 2023 · 4025276 · 4025276
1 parent 5090aaf
commit 4025276
Show file tree

Hide file tree

Showing 11 changed files with 33 additions and 22 deletions.
diff --git a/files/en-us/web/css/filter-function/blur/index.md b/files/en-us/web/css/filter-function/blur/index.md
@@ -48,7 +48,8 @@ blur(1.17rem) /* Blur with 1.17rem radius */
 
 ## See also
 
-- {{cssxref("&lt;filter-function&gt;")}}
+The other {{cssxref("&lt;filter-function&gt;")}} functions available to be used in values of the {{cssxref("filter")}} and {{cssxref("backdrop-filter")}} properties include:
+
 - {{cssxref("filter-function/brightness", "brightness()")}}
 - {{cssxref("filter-function/contrast", "contrast()")}}
 - {{cssxref("filter-function/drop-shadow", "drop-shadow()")}}

diff --git a/files/en-us/web/css/filter-function/brightness/index.md b/files/en-us/web/css/filter-function/brightness/index.md
@@ -49,7 +49,8 @@ brightness(200%) /* Double brightness */
 
 ## See also
 
-- {{cssxref("&lt;filter-function&gt;")}}
+The other {{cssxref("&lt;filter-function&gt;")}} functions available to be used in values of the {{cssxref("filter")}} and {{cssxref("backdrop-filter")}} properties include:
+
 - {{cssxref("filter-function/blur", "blur()")}}
 - {{cssxref("filter-function/contrast", "contrast()")}}
 - {{cssxref("filter-function/drop-shadow", "drop-shadow()")}}

diff --git a/files/en-us/web/css/filter-function/contrast/index.md b/files/en-us/web/css/filter-function/contrast/index.md
@@ -49,7 +49,8 @@ contrast(200%) /* Double contrast */
 
 ## See also
 
-- {{cssxref("&lt;filter-function&gt;")}}
+The other {{cssxref("&lt;filter-function&gt;")}} functions available to be used in values of the {{cssxref("filter")}} and {{cssxref("backdrop-filter")}} properties include:
+
 - {{cssxref("filter-function/blur", "blur()")}}
 - {{cssxref("filter-function/brightness", "brightness()")}}
 - {{cssxref("filter-function/drop-shadow", "drop-shadow()")}}

diff --git a/files/en-us/web/css/filter-function/drop-shadow/index.md b/files/en-us/web/css/filter-function/drop-shadow/index.md
@@ -66,7 +66,8 @@ drop-shadow(.5rem .5rem 1rem #e23)
 
 ## See also
 
-- {{cssxref("&lt;filter-function&gt;")}}
+The other {{cssxref("&lt;filter-function&gt;")}} functions available to be used in values of the {{cssxref("filter")}} and {{cssxref("backdrop-filter")}} properties include:
+
 - {{cssxref("filter-function/blur", "blur()")}}
 - {{cssxref("filter-function/brightness", "brightness()")}}
 - {{cssxref("filter-function/contrast", "contrast()")}}

diff --git a/files/en-us/web/css/filter-function/grayscale/index.md b/files/en-us/web/css/filter-function/grayscale/index.md
@@ -48,7 +48,8 @@ grayscale(100%) /* Completely grayscale */
 
 ## See also
 
-- {{cssxref("&lt;filter-function&gt;")}}
+The other {{cssxref("&lt;filter-function&gt;")}} functions available to be used in values of the {{cssxref("filter")}} and {{cssxref("backdrop-filter")}} properties include:
+
 - {{cssxref("filter-function/blur", "blur()")}}
 - {{cssxref("filter-function/brightness", "brightness()")}}
 - {{cssxref("filter-function/contrast", "contrast()")}}

diff --git a/files/en-us/web/css/filter-function/hue-rotate/index.md b/files/en-us/web/css/filter-function/hue-rotate/index.md
@@ -50,7 +50,8 @@ hue-rotate(405deg) /* Same as 45deg rotation */
 
 ## See also
 
-- {{cssxref("&lt;filter-function&gt;")}}
+The other {{cssxref("&lt;filter-function&gt;")}} functions available to be used in values of the {{cssxref("filter")}} and {{cssxref("backdrop-filter")}} properties include:
+
 - {{cssxref("filter-function/blur", "blur()")}}
 - {{cssxref("filter-function/brightness", "brightness()")}}
 - {{cssxref("filter-function/contrast", "contrast()")}}

diff --git a/files/en-us/web/css/filter-function/invert/index.md b/files/en-us/web/css/filter-function/invert/index.md
@@ -48,7 +48,8 @@ invert(100%) /* Completely inverted */
 
 ## See also
 
-- {{cssxref("&lt;filter-function&gt;")}}
+The other {{cssxref("&lt;filter-function&gt;")}} functions available to be used in values of the {{cssxref("filter")}} and {{cssxref("backdrop-filter")}} properties include:
+
 - {{cssxref("filter-function/blur", "blur()")}}
 - {{cssxref("filter-function/brightness", "brightness()")}}
 - {{cssxref("filter-function/contrast", "contrast()")}}

diff --git a/files/en-us/web/css/filter-function/opacity/index.md b/files/en-us/web/css/filter-function/opacity/index.md
@@ -50,14 +50,14 @@ opacity(1) /* No effect */
 
 ## See also
 
-- {{cssxref("&lt;filter-function&gt;")}}
-- CSS {{cssxref("opacity")}} property
-- {{cssxref("filter-function/blur", "blur()")}}
-- {{cssxref("filter-function/brightness", "brightness()")}}
-- {{cssxref("filter-function/contrast", "contrast()")}}
-- {{cssxref("filter-function/drop-shadow", "drop-shadow()")}}
-- {{cssxref("filter-function/grayscale", "grayscale()")}}
-- {{cssxref("filter-function/hue-rotate", "hue-rotate()")}}
-- {{cssxref("filter-function/invert", "invert()")}}
-- {{cssxref("filter-function/saturate", "saturate()")}}
-- {{cssxref("filter-function/sepia", "sepia()")}}
+- The other {{cssxref("&lt;filter-function&gt;")}} functions available to be used in values of the {{cssxref("filter")}} and {{cssxref("backdrop-filter")}} properties include:
+ - {{cssxref("filter-function/blur", "blur()")}}
+ - {{cssxref("filter-function/brightness", "brightness()")}}
+ - {{cssxref("filter-function/contrast", "contrast()")}}
+ - {{cssxref("filter-function/drop-shadow", "drop-shadow()")}}
+ - {{cssxref("filter-function/grayscale", "grayscale()")}}
+ - {{cssxref("filter-function/hue-rotate", "hue-rotate()")}}
+ - {{cssxref("filter-function/invert", "invert()")}}
+ - {{cssxref("filter-function/saturate", "saturate()")}}
+ - {{cssxref("filter-function/sepia", "sepia()")}}
+- The CSS {{cssxref("opacity")}} property
diff --git a/files/en-us/web/css/filter-function/saturate/index.md b/files/en-us/web/css/filter-function/saturate/index.md
@@ -49,7 +49,8 @@ saturate(200%) /* Double saturation */
 
 ## See also
 
-- {{cssxref("&lt;filter-function&gt;")}}
+The other {{cssxref("&lt;filter-function&gt;")}} functions available to be used in values of the {{cssxref("filter")}} and {{cssxref("backdrop-filter")}} properties include:
+
 - {{cssxref("filter-function/blur", "blur()")}}
 - {{cssxref("filter-function/brightness", "brightness()")}}
 - {{cssxref("filter-function/contrast", "contrast()")}}

diff --git a/files/en-us/web/css/filter-function/sepia/index.md b/files/en-us/web/css/filter-function/sepia/index.md
@@ -48,7 +48,8 @@ sepia(100%) /* Completely sepia */
 
 ## See also
 
-- {{cssxref("&lt;filter-function&gt;")}}
+The other {{cssxref("&lt;filter-function&gt;")}} functions available to be used in values of the {{cssxref("filter")}} and {{cssxref("backdrop-filter")}} properties include:
+
 - {{cssxref("filter-function/blur", "blur()")}}
 - {{cssxref("filter-function/brightness", "brightness()")}}
 - {{cssxref("filter-function/contrast", "contrast()")}}

diff --git a/files/en-us/web/css/filter/index.md b/files/en-us/web/css/filter/index.md
@@ -1283,6 +1283,8 @@ Examples of using the URL function with an SVG resource are as follows:
 
 ## See also
 
+- CSS {{cssxref("backdrop-filter")}} property
+- CSS [compositing and blending](/en-US/docs/Web/CSS/Compositing_and_Blending) module, including the CSS {{cssxref("background-blend-mode")}} and {{cssxref("mix-blend-mode")}} properties.
+- The CSS {{cssxref("mask")}} property
+- [SVG](/en-US/docs/Web/SVG), including the SVG {{SVGElement("filter")}} element and SVG {{SVGAttr("filter")}} attribute.
 - [Applying SVG effects to HTML content](/en-US/docs/Web/SVG/Applying_SVG_effects_to_HTML_content)
-- The {{cssxref("mask")}} property
-- [SVG](/en-US/docs/Web/SVG)