Ich habe ein Apple wie Coverflow-Element mit CSS3 Übergang und 3D-Transformationen gebaut.CSS3 3D Übergänge flackern in Firefox, wenn auch mit Box-Schatten
http://jsfiddle.net/7eDkb/1/ (Übergang mit box-shadow)
Arbeiten auf Chrom glatt, aber auf firefox, die Abdeckungen flackern zwischen sichtbar und unsichtbar zu sein, wenn sie animiert werden.
Nach einer Beseitigung, habe ich festgestellt, dass das Entfernen der "Box-Schatten" CSS-Eigenschaft aus den Elementen in reibungslosen Übergängen in Firefox führt.
http://jsfiddle.net/7eDkb/2/ (Transition ohne box-shadow)
Ich habe dies in firefox v15 und Chrom v21 getestet.
Gibt es eine Lösung, um sowohl 3D-Übergänge als auch Box-Schatten auf einem Element zu haben, ohne dass es auf Firefox flackert?
EDIT: in den Geigen, graue Bilder klicken, um zu sehen
Sie können den Schatten nur durch ein Bild für Firefox ersetzen. Dies würde etwas Javascript erfordern, also könnte es jetzt die beste Lösung sein. Ich denke, dass die Rendering-Engine von Firefox noch nicht wirklich da ist. Requisiten auf Chrome: D – Kyle