私はdiv要素を含む<code>rotate</code>全体が少しぼやけて取得含まCSS <code>transition</code>または<code>animation</code>を使用した後の要素は、トランジションやアニメーション

Question

後ぼやけ取得、
私はそれが要素を再描画から副作用のいくつかの種類であることを読んで、そこですそれを防ぐ方法？

.toggle { 
    position: absolute; 
    width: 36px; 
    height: 36px; 
    bottom: 7px; 
    right: 94px; 
    z-index: 200; 
    background: transparent url("../img/handle-open.png") no-repeat; 

    -webkit-transition: all 1s cubic-bezier(0.91,0.00,1.00,1.00); 
     -moz-transition: all 1s cubic-bezier(0.91,0.00,1.00,1.00); 
      transition: all 1s cubic-bezier(0.91,0.00,1.00,1.00); 
} 

.toggle-closed { 
    -webkit-transform: rotate(180deg); 
     -moz-transform: rotate(180deg); 
      transform: rotate(180deg); 
} 

私は更新animateと同じことを達成しようとすると同じ結果

を得た：私は何か奇妙な出来事に気づいを - アニメーション要素がぼやけて取得する実行時に、クロムにアニメーションしながら、イメージが明確であるが、完成したときにぼやけ取得 - とアニメーションは、それが正常に戻る停止した場合、iOSの
は、しかし、それは他の方法で回避を起こります！別の奇妙な@ $$バグ！？

Answer 1

アイブ氏は、アニメーションをやった後にする前にこのような問題を見ました。遷移後のオブジェクトの大きさを確認し、それは非常によくぼやけらしを引き起こすいくつかのポイントサイズが変更されていてもよいです。私は、E：移行前

：36x36 移行後：36.2 X 36.8