search

joelambert / Flux-Slider

CSS3 Animation based image transitions
http://www.joelambert.co.uk/flux
Other
1.42k stars 285 forks source link

Concentric and Warp cause image's position shift before transition. #48

Open AVAVT opened 11 years ago

AVAVT commented 11 years ago

I forced the the slider's size to 800x600 during initialization:

window.myFlux = new flux.slider('#slider', { autoplay: false, captions: true, controls: true, width: 800, height: 600 });

Each image in the slide has different size. For both Concentric and Warp transitions, the image's position is shifted before the animation start (usually about 50~100 pixels toward the top left but it varies)

AVAVT commented 11 years ago

Also, on Firefox (v23.0), Tiles3D and Blinds3D cause the image to scale up, becoming 2px wider and 2px higher (1px toward all 4 sides) before animation start. The bug did not occur on webkit browsers.