在下面的示例中，单击徽标，您会看到 - 它被翻转但也被移动
如何在不移动的情况下翻转它？
我也尝试过这个，但没有成功：
.flip{transform:scaleX(-1) translatex(-50%);}
.flip{transform:scaleX(-1) translatex(-50%);}
$('img').on('click', function(){
$(this).addClass('flip');
});.flip{transform:scaleX(-1);}
.wrap{
position:relative;
width:50%;
height:100px;
background:darkorange;
}
img{
position:absolute;
bottom:0;
width:140px;
left:50%;
transform:translatex(-50%);
}