From 12c4b21e4053efdb2c6b3ab58442cf76138b80eb Mon Sep 17 00:00:00 2001 From: Estelle Weyl Date: Mon, 6 Feb 2023 16:29:16 -0800 Subject: [PATCH 1/2] Filters: see also --- files/en-us/web/css/filter/index.md | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/files/en-us/web/css/filter/index.md b/files/en-us/web/css/filter/index.md index 343663253d3c695..b4cd563815558d0 100644 --- 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) From f621c9b10aca04e5f906dd1afb73b436877e45c6 Mon Sep 17 00:00:00 2001 From: Estelle Weyl Date: Mon, 6 Feb 2023 16:29:33 -0800 Subject: [PATCH 2/2] Filter function: see also --- .../web/css/filter-function/blur/index.md | 3 ++- .../css/filter-function/brightness/index.md | 3 ++- .../web/css/filter-function/contrast/index.md | 3 ++- .../css/filter-function/drop-shadow/index.md | 3 ++- .../css/filter-function/grayscale/index.md | 3 ++- .../css/filter-function/hue-rotate/index.md | 3 ++- .../web/css/filter-function/invert/index.md | 3 ++- .../web/css/filter-function/opacity/index.md | 22 +++++++++---------- .../web/css/filter-function/saturate/index.md | 3 ++- .../web/css/filter-function/sepia/index.md | 3 ++- 10 files changed, 29 insertions(+), 20 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 index 7d44087923274c3..bca468e4b5adf1c 100644 --- 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("<filter-function>")}} +The other {{cssxref("<filter-function>")}} 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 index aecd965ee297604..9778127fa134ef9 100644 --- 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("<filter-function>")}} +The other {{cssxref("<filter-function>")}} 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 index cf72dc8c0f30ab6..1d898a71ec6ac5f 100644 --- 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("<filter-function>")}} +The other {{cssxref("<filter-function>")}} 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 index ab199da34a76e0a..703edf549cae4ff 100644 --- 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("<filter-function>")}} +The other {{cssxref("<filter-function>")}} 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 index 224743cd0491ca7..241b70ce0b2d4ce 100644 --- 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("<filter-function>")}} +The other {{cssxref("<filter-function>")}} 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 index 0bdf8469bd47c34..e049057a767ee76 100644 --- 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("<filter-function>")}} +The other {{cssxref("<filter-function>")}} 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 index 03e45a13609b610..af7e4d2cd2cf70e 100644 --- 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("<filter-function>")}} +The other {{cssxref("<filter-function>")}} 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 index 81a5a82355f7665..ed134e1121cddd3 100644 --- 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("<filter-function>")}} -- 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("<filter-function>")}} 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 index e7aa706f0aa5f87..60d7fda237345f6 100644 --- 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("<filter-function>")}} +The other {{cssxref("<filter-function>")}} 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 index 426fd476755017f..4eb3c088968f1f4 100644 --- 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("<filter-function>")}} +The other {{cssxref("<filter-function>")}} 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()")}}