Shapes & Graphics
Controlling the shape and display of elements.
ShapesCompletion percentage: 88.9% (10222)Completion percentage: 88.9% (10222)
CSS Shapes describe geometric shapes for use in CSS. For the Level 1 specification, CSS Shapes can be applied to floating elements.
2019
2020
| Have used it | |
| Know about it | |
| Never heard of it |
object-fitCompletion percentage: 89.1% (10235)Completion percentage: 89.1% (10235)
The object-fit CSS property sets how the content of a replaced element, such as an or , should be resized to fit its container.
2019
2020
| Have used it | |
| Know about it | |
| Never heard of it |
clip-pathCompletion percentage: 89.1% (10237)Completion percentage: 89.1% (10237)
The clip-path CSS property creates a clipping region that sets what part of an element should be shown. Parts that are inside the region are shown, while those outside are hidden.
2019
2020
| Have used it | |
| Know about it | |
| Never heard of it |
MaskingCompletion percentage: 89.1% (10240)Completion percentage: 89.1% (10240)
CSS Masking is a CSS module that defines means, including masking and clipping, for partially or fully hiding portions of visual elements.
2019
2020
| Have used it | |
| Know about it | |
| Never heard of it |
blend-modeCompletion percentage: 89.1% (10244)Completion percentage: 89.1% (10244)
The
2019
2020
| Have used it | |
| Know about it | |
| Never heard of it |
Filters & EffectsCompletion percentage: 89.3% (10262)Completion percentage: 89.3% (10262)
The filter CSS property applies graphical effects like blur or color shift to an element. Filters are commonly used to adjust the rendering of images, backgrounds, and borders.
2019
2020
| Have used it | |
| Know about it | |
| Never heard of it |
backdrop-filterCompletion percentage: 89.4% (10274)Completion percentage: 89.4% (10274)
The backdrop-filter CSS property lets you apply graphical effects such as blurring or color shifting to the area behind an element. Because it applies to everything behind the element, to see the effect you must make the element or its background at least partially transparent.
2020
| Have used it | |
| Know about it | |
| Never heard of it |