CSS WG Blog CSS Masking Draft Updated

CSS Masking Draft Updated

The CSS Working Group has published an updated Working Draft of CSS Masking Level 1. The specification defines two different graphical operations which both fully or partly hide portions of an object: clipping and masking.

In the last couple of months we made some major changes to the infrastructure of the spec and property definitions.

Here is a list of important changes:

• mask-type is now part of the mask longhands and sets the mask type: alpha, luminance, auto.
• mask-source-type sets the mask type of the mask element: alpha, luminance.
• clip-path takes a reference box argument for basic shapes.
• clip-path does no longer use the bounding box of an element. The term bounding box lacks definition for fragmentation.
• New reference boxes have been added for SVG context only.
• All initial reference box values have been aligned to border-box where possible. (Specifically mask-origin, mask-size and clip-path.)
• mask-box-image* properties have been renamed to just mask-box*.
• More examples and introductions were added for a better understanding of the features.
• CSS Masking now references the new basic shapes as defined in the latest CSS Shapes publication.
• Definitions for clip-path and mask are more clear now.

This is the last Working Draft before going to Last Call again. Please review the specification text carefully.

As always, please send feedback to the (archived) public mailing list www-style@w3.org with the spec code (>>[css-masking]<<) and your comment topic in the subject line. (Alternatively, you can email one of the editors and ask them to forward your comment.)

« Previous article Next article »