Web platform features explorer - clip-path

Web platform features explorer

Tags: api css svg Groups: Clipping, shapes and masking

The clip-path CSS property and SVG attribute set the visible area of an element. Everything outside the area will be hidden.

Learning resources on MDN

clip-path

Browser support

Chrome 88 Released on 2021-01-19
Chrome Android 88 Released on 2021-01-19
Edge 88 Released on 2021-01-21
Firefox 71 Released on 2019-12-10
Firefox for Android 79 Released on 2020-07-28
Safari 13.1 Released on 2020-03-24
Safari on iOS 13 Released on 2019-09-19

Usage (according to Chrome Platform Status)

~34.533% of page loads. More data at chromestatus.

Specifications

CSS Masking Module Level 1 (#the-clip-path), from Cascading Style Sheets (CSS) Working Group (W3C).

View web-platform-tests results for this feature - View the feature source file (dist) - Edit the feature - Report an issue about this feature