CSS mask-origin property #39366
CSS mask-origin property #39366
Conversation
github-actions
bot
added
Content:CSS
|
Preview URLs Flaws (2)URL:
(comment last updated: 2025-05-07 17:00:00) |
chrisdavidmills
left a comment
chrisdavidmills
left a comment
There was a problem hiding this comment.
Hi @estelle! Looking pretty good. I had a few comments, but nothing major.
|
|
||
| - `content-box` | ||
| - : The position is relative to the content box. | ||
| - `padding-box` |
There was a problem hiding this comment.
FWIW, I found the description of this a bit confusing:
For single boxes
0 0is the upper left corner of the padding edge,100% 100%is the lower right corner.
It sounds almost like those numbers are possible values for mask-origin, but really they are mask-position values, right? Would it make more sense to say something like:
For single boxes, a {{cssxref("mask-position")}} of
0 0is the upper left corner of the padding edge, whereas amask-positionof100% 100%is the lower right corner.
?
There was a problem hiding this comment.
updated this with links to what *-box means instead of explaining it here.
There was a problem hiding this comment.
that works perfectly
Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
![github-actions[bot]](https://avatars.githubusercontent.com/in/15368?s=60&v=4){kind=small}
Co-authored-by: github-actions[bot] <41898282+github-actions[bot]@users.noreply.github.com>
|
boarding, but i think i got everything |
chrisdavidmills
left a comment
chrisdavidmills
left a comment
There was a problem hiding this comment.
@estelle couple of new comments for you to consider, but I'll approve this so you can merge when ready.
Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
Co-authored-by: Chris Mills <chrisdavidmills@gmail.com>
2 participants
No description provided.