Estou tentando aplicar uma "máscara" em minha imagem, para pegar apenas o centro da mesma e aplicar 50px
por 52px
, tentei utilizar o clip-path
mas não funciona, estou utilizando o opera e o chrome para testes, segue meu código:
CSS
.img_tamanho_icon
{
width: 50px;
height: 55px;
clip-path: inset(52px 50px 52px 50px);
-webkit-clip-path:inset(52px 50px 52px 50px);
display: block;
overflow: hidden;
}
HTML
<img src="minhaImg.jpg" class="img_tamanho_icon">
Como eu poderia fazer isto? Sem perder a resolução da imagem, por exemplo "esticar" a mesma
clip-path
: caniuse.com/#feat=css-clip-path