Странное поведение при transform

$(".adm-tax").click(function(event) { 
 
	$(".adm-tax").css({ 
        '-webkit-transform': 'scaleX(2.1)', 
			  ' transform': 'scaleX(2.1)' 
	}); 
	 
});

.cnap-items { 
	float: left; 
	margin-top: 15px; 
} 
.cnap-items li { 
  margin-left: 50px; 
  text-align: center; 
	width: 400px; 
	height: 60px; 
	background-color: #009852; 
	margin-top: 10px; 
	color: white; 
	padding-top: 20px; 
	cursor: pointer; 
	border-left: 3px solid #036136; 
} 
.adm-tax { 
  transform-origin: 0% 0%; 
  transition: all 5s linear; 
}

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script> 
<ul class="cnap-items text-center"> 
	<li class="adm-tax"><p>Нажми на меня</p></li> 
</ul>