Pewarta Proxy

📋 Server Request & Proxy Logs

Loading active proxy settings...
Developed by Khairul Adha (adhexa.id)
Mengambil log server...

⚙️ Pengaturan Proxy Target

Skip to content

Add CSS filter() function reference page - #46315

Open
digvijayduggu98-cmd wants to merge 4 commits into
mdn:mainfrom
digvijayduggu98-cmd:docs/css-filter-image-function
Open

digvijayduggu98-cmd wants to merge 4 commits into
mdn:mainfrom
digvijayduggu98-cmd:docs/css-filter-image-function

Conversation

@digvijayduggu98-cmd

Copy link
Copy Markdown

Description

Adds a reference page for the CSS filter() image function, covering its syntax, parameters, examples, and related documentation.

Motivation

This addresses issue #46003, which identifies the missing MDN reference documentation for the CSS filter() image function.

Additional details

  • Adds the page metadata, including the specification URL and browser compatibility reference.
  • Includes examples for applying filters to background images, combining filter functions, and providing a fallback.
  • Links to related CSS filter documentation.

This is a documentation-only change. The page and its compatibility metadata should be reviewed against the current specification and browser compatibility data.

@digvijayduggu98-cmd
digvijayduggu98-cmd requested a review from a team as a code owner October 28, 2026 07:11
@digvijayduggu98-cmd
digvijayduggu98-cmd requested review from estelle and removed request for a team October 28, 2026 07:11
@github-actions github-actions Bot added Content:CSS Cascading Style Sheets docs size/m [PR only] 51-500 LoC changed labels Oct 28, 2026

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think file should be at files/en-us/web/css/reference/values/filter/index.md, not filter_function/, as the bare function name is used as directory (cross-fade/, element/). Note that filter-function/ is already taken by the <filter-function> data type.

The slug should also change: Web/CSS/Reference/Values/filter_function → Web/CSS/Reference/Values/filter

Copy link
Copy Markdown
Contributor

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think status: experimental is missing from the front matter and {{SeeCompatTable}} from the page body. Only Safari 9.1+ supports this (version_added: false for Chrome and Firefox in BCD). See element/index.md for the pattern.

Copy link
Copy Markdown
Member

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

We don't add experimental by hand

Comment thread files/en-us/web/css/reference/values/filter_function/index.md
@digvijayduggu98-cmd

Copy link
Copy Markdown
Author

Hi maintainers,

I've addressed the review feedback, corrected the file path, and added the Formal syntax section using the requested {{csssyntax}} macro.

The PR is currently waiting for workflow approval, and the required checks haven't run yet. Could a maintainer please approve the pending workflow runs when convenient so the checks can execute?

I'd also appreciate a review of the updated changes.

Thank you!

This branch has not been deployed

No deployments
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

Content:CSS Cascading Style Sheets docs size/m [PR only] 51-500 LoC changed

Projects

None yet

Development

Successfully merging this pull request may close these issues.

3 participants