descan: CSS3 scale Funktion lässt bilder unscharf erscheinen?

Beitrag lesen

Hallo Zusammen,

ich teste gerade einige CSS3 properties, unter anderem auch die transform-funktion von CSS3. Ich habe eine kleine Gallerie erstellt mit Bildern die verkleinert initialisiert werden und beim "hovern" über die Bilder auf Originalgröße mit der Scalefunktion gesetzt werden.

Allerdings "shiften" die Bilder beim vollständigen vergrößern so etwa 1-2px nach oben und danach werden sie unscharf.

Ihr könnt gerne die Originalbilder und die Bilder nach der Vergrößerungsfunktion vergleichen dann wird es euch schnell auffallen was ich meine. Die Originalbilder sind 400px breit und beim laden der Seite setze ich sie auf eine Breite von 200px und beim hovern sollen sie dann per scale(2) wieder auf 400px gesetzt werden (also auf Originalgröße). Warum werden sie dann unscharf dargestellt?

Hier der Link zur Testseite: hier klicken!

Vielen Dank im Vorraus!
Grüße Descan