CSS3 transition alkalmazása sok képet is tartalmazó elemre
Sziasztok!
Készítettem egy kis JS+CSS3 kísérletet elemek animált átpozicionálásához, ez szépen működik is. A probléma az, hogy az átpozicionálás során átmenetes átméretezést is szeretnék végezni, ami ahhoz vezet, hogy ha már sok, képet tartalmazó elemről van szó, akkor a képek rendkívül akadozva méreteződnek át (IE10 kivételével).
http://jsbin.com/ajayig/22/edit
(a linken található project csak webkithez tartalmaz transition-t szélességváltozás esetén)
Milyen megoldással lehetne a képek szélességváltozását folyamatossá tenni?
Üdv.:
orionstar
■ Készítettem egy kis JS+CSS3 kísérletet elemek animált átpozicionálásához, ez szépen működik is. A probléma az, hogy az átpozicionálás során átmenetes átméretezést is szeretnék végezni, ami ahhoz vezet, hogy ha már sok, képet tartalmazó elemről van szó, akkor a képek rendkívül akadozva méreteződnek át (IE10 kivételével).
http://jsbin.com/ajayig/22/edit
(a linken található project csak webkithez tartalmaz transition-t szélességváltozás esetén)
Milyen megoldással lehetne a képek szélességváltozását folyamatossá tenni?
Üdv.:
orionstar
Ha az IE10 támogatja a 3D
translateZ(0);), így utána az egyéb transzformációkhoz is a GPU-t fogja igénybe venni.Már aktív a GPU gyorsítás
Félreolvastam, azt hittem
Transition a képátméretezésre is
Firefox 23.0, 100 kép (légy
Észrevételezés
UPDATE: Hmm, most ellenőriztem vissza ismét, FF-ban ugyanazt a képet tölti be 100X, akkor nem fog szaggatni annyira mint a különböző képek esetén.