Web platform features explorer - Animatable clipping paths

Web platform features explorer

Tags: css Groups: Clipping, shapes and masking

The clip-path property can be animated using CSS transitions and animations.

Learning resources on MDN

clip-path

Browser support

Chrome 55 Released on 2016-12-01
Chrome Android 55 Released on 2016-12-06
Edge 79 Released on 2020-01-15
Firefox 49 Released on 2016-09-20
Firefox for Android 49 Released on 2016-09-20
Safari 12.1 Released on 2019-03-25
Safari on iOS 12.2 Released on 2019-03-25

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