Changes example in CSS invert() to use appropriate classes. - #43581
Changes example in CSS invert() to use appropriate classes.#43581elooly10 wants to merge 5 commits into
Conversation
…rt use the svg. - The item labelled as css now uses the `invert` class - The item labelled as SVG now uses the `svginvert` class that was previously used by the css item instead of a direct SVG, more in line with the explanation.
github-actions
Bot
added
Content:CSS
Refactor HTML for image display in invert filter example.
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
…dex.md Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
|
Preview URLs (1 page) (comment last updated: 2026-08-30 03:25:44) |
chrisdavidmills
left a comment
chrisdavidmills
left a comment
There was a problem hiding this comment.
Hi @elooly10. What you are proposing to fix makes sense, but you've gone too far and broken the SVG equivalent — see the comment below.
| <td> | ||
| <img | ||
| class="svgFilter" | ||
| class="filter" |
There was a problem hiding this comment.
This is the only change that is needed to make the fix that you've proposed. The other changes below have broken the SVG equivalent version — it no longer displays properly.
github-actions
Bot
added
size/xs
|
@chrisdavidmills There's something obviously non-sensical about this example because the |
4 participants
Description
Applies the css invert to the item in the example labelled
invert() filterinstead of the SVG invert for theSVG filter equivalent, and fixes the SVG filter equivalent with a class as the document's text explains rather than as an inline SVG.Motivation
The changes keep the content accurate and make the playground more useable.