Element wird verschwommen nach dem Übergang oder Animation

Question

Nachdem ich CSS verwenden transition oder animation die rotate das Ganze enthält div bekommt ein wenig verschwommen,
enthält las ich, dass es das Element von Nachziehen eine Art Nebeneffekt ist, aber gibt es eine Möglichkeit, das zu verhindern?

.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); 
} 

ich versucht, das gleiche mit animate und bekam das gleiche Ergebnis

-Update zu erreichen: ich etwas seltsam Geschehen bemerkt - in Chrom, wenn die Animation das Element läuft bekommt verschwommen und wenn die Animation aufhört, normal zu sein,
auf iOS aber es passiert umgekehrt - das Bild ist klar, während animiert, aber wird verschwommen, wenn abgeschlossen! ein weiterer seltsamer @ $$ Bug !?

Answer 1

Ich habe Probleme wie diese vorher gesehen, nachdem ich Animationen gemacht habe. Überprüfen Sie die Abmessungen des Objekts nach dem Übergang, es kann sehr gut sein, dass es sich in der Größe um einige Punkte geändert hat, was zu einer Unschärfe führt. i, e:

Vor Übergang: 36x36 Nach Übergang: 36.2 x 36.8