Ease - pixel snapping?

dabblet.css

/* Ease - pixel snapping? */
body{background:#F7F8F8;}
div {background: #C10280; width: 200px; height:30px; padding: 10px;margin: 30px 0;color: white;}
div:nth-child(1):hover { width: 208px; }
div:nth-child(2):hover {width:220px;}
div:nth-child(3):hover {height:40px;}
div:nth-child(4):hover {opacity:.2;}

div { transition: 0.4s ease; }

dabblet.html

<div>1. Ease - Tiny bit of width</div>
<div>2. Ease - Just a bit more width </div>
<div>3. Ease - Height</div>
<div>4.Ease - Opacity</div>

settings.json

{"view":"split-vertical","prefixfree":"1","page":"css"}