clipPath

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.

Syntax: <clip-source> | [ <basic-shape> || <geometry-box> ] | none

Initial value: none

|  Chrome  | Firefox | Safari  |  Edge  |   IE   |
| :------: | :-----: | :-----: | :----: | :----: |
|    55    |   3.5   |   9.1   |   79   |   10   |
|    23′   |         |    7′   |        |        |

See also