CSS过渡模糊的背景

Question

我有一个带有背景图像的元素，它只是使用css过渡来上下移动。在动画中的某些点，图像会略微模糊。图形更像素，所以它真的很明显。

有没有什么方法可以让光滑的动画没有边缘模糊？

此外，有没有办法让Firefox动画更流畅？

更新（忽略下面的代码）：http://codepen.io/anon/pen/gpMvzb

var chart = null;
function (datapie) {   
    chart = c3.generate({
      bindto: '#idpiechart',
      color: {
        pattern: Colors,
      },
      data: {               
        columns: datapie,
        type: 'pie',
    });
}

function(updatedata){        
    chart.load({
        columns: updatedata
    });
}