Existe una propiedad capaz de poder cortar elementos con el objeto de poder realizar formas o simplemente ocultar parte de los mismos. Esta propiedad se llama clip-path. Utilizaremos esta imagen para mostrar su uso
Esta es la estructura basica de esta propiedad
clip-path:formaGeometrica(tamañosDelCorte)
Que forma utilizaremos para crear el corte
El tamaño del corte
Estas son algunas de las formas que podemos utilizar.
Inset crea cortes en forma de cuadrado
clip-path: inset(100px 50px 20px 10px);
Esto dejará nuestra imagen asi
_21.25.43.png)
ATENTI
Inset acepta como parametros hasta 4 lengths (uno por cada lado). Sigue las reglas del box-modeling para saber que valor corresponde a cada lado.
Circle cortará el elemento en forma de circulo
clip-path: circle(150px)
Esto dejará nuestra imagen asi: