Lo que hacen estas propiedades es recortar el elemento dejando a la vista la parte indicada, pero sin destruirlo.
Dicho de otra forma: aplica una suerte de display: none a la parte del elemento que indicamos.
Esta propiedad no transforma ni crea nuevos objetos. Lo que hace es crear una máscara con un recorte, el cual deja ver parte de un elemento o imagen. En cuanto a la compatibilidad de esta propiedad, por el momento está disponible en Chrome y Firefox.
Para aprender de una forma mas sencilla sobre esta propiedad, te mostramos este enlace donde podrás generar tus propios objetos CSS con clip-path
