CSS clip-path property (for HTML)

Method of defining the visible region of an HTML element using SVG or a shape definition.

IE Edge Firefox Chrome Safari Opera iOS Safari Opera Mini Android Browser Blackberry Browser Opera Mobile Chrome for Android Firefox for Android IE Mobile UC Browser for Android Samsung Internet QQ Browser Baidu Browser
49webkit
See notes:
  • 2
56
See notes:
  • 2
9.3webkit
See notes:
  • 2
4.4webkit
See notes:
  • 2
14 52
See notes:
  • 1
  • 3
57
See notes:
  • 2
10webkit
See notes:
  • 2
10.0-10.2webkit
See notes:
  • 2
4.4.3-4.4.4webkit
See notes:
  • 2
4webkit
See notes:
  • 2
11 15 53
See notes:
  • 1
  • 3
58
See notes:
  • 2
10.1webkit
See notes:
  • 2
44
See notes:
  • 2
10.3webkit
See notes:
  • 2
all 56
See notes:
  • 2
10 37o
See notes:
  • 2
57
See notes:
  • 2
52
See notes:
  • 1
  • 3
11 11.4webkit
See notes:
  • 2
5webkit
See notes:
  • 2
1.2webkit
See notes:
  • 2
7.12
See notes:
  • 2
54 59
See notes:
  • 2
TPwebkit
See notes:
  • 2
45
See notes:
  • 2
55 60
See notes:
  • 2
46
See notes:
  • 2
56 61
See notes:
  • 2

Notes

Support refers to the clip-path CSS property on HTML elements specifically. Support for clip-path in SVG is supported in all browsers with basic SVG support.

Links