2014-02-26 6 views
5

Ich verwende Isotop in Google Chrome und alle Elemente enthält:Isotop verschwommen Elemente in Google Chrome

-webkit-transform: translate3d(properties); 

und jedes gerade Element [2,4,6,8,10,12,14 ... ] in Chrom ist verschwommen, in firefox alles in Ordnung ist

Hier sind Eigenschaften der ersten Elemente:

position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 0px, 0px); 
position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(225px, 0px, 0px); 
position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(450px, 0px, 0px); 
position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(675px, 0px, 0px); 
position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(900px, 0px, 0px); 
position: absolute; left: 0px; top: 0px; -webkit-transform: translate3d(0px, 183px, 0px); 

ich versucht hat -webkit-Transformation zu verwenden: Scale3D (0,5, 0,5, 1); aber es funktioniert nicht

+0

Haben Sie das jemals gelöst? – leen3o

+1

Bitte setzen Sie ein JSFiddle –

+0

@ISuthanBala: SO [unterstützt eingebettete Code-Schnipsel] (http://blog.stackoverflow.com/2014/09/introducing-runnable-javascript-css-and-html-code-snippets/) jetzt. –

Antwort

0

Es könnte die Perspektive sein. Versuchen Sie, die Standardperspektive auf Ihre Elemente anzuwenden. Ich hatte ein ähnliches Problem mit 3D-Tasten auf Safari.