firefox - CSS3 animation and transition not smooth -


i'm trying develop slideshow plugin project, i'm running issues css3 animations/transitions.

you can view here: http://jsfiddle.net/75sjb/

what i'm trying do

  • each slide has both transform: translate3d(-100%,0,0) , transition: all. way, slides aren't active outside of view, left, , ready moved around smoothly.

  • the active slide has animation portion says transform: translate3d(100%,0,0), new transform property in css translate3d(0,0,0). animate right being snug in view.

the problem

in webkit

although first time picking slide animated properly, every other 1 after botched. slide going active inactive doesn't animate out.

in firefox

in firefox, slide going active inactive fine; active slide slide in left (the animation isn't working).

perhaps issue older versions of browsers, animation working fine now.


Comments

Popular posts from this blog

python - How to create a legend for 3D bar in matplotlib? -

php - Dynamic url re-writing using htaccess -

java - Multi-Label Document Classification -