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

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

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 - Edit the feature - Report an issue about this feature