Make the script better. Smoke is not smoothed enough

Question

I created a script to revitalize the smoke. I am animating three png files. These png files are smoke image files.

But sometimes the script is a little choppy, and the smoke animation is not smooth. Sometimes when you restart Smoke, the animation is not smooth.

How can I fix the problem so that the smoke animation runs smoothly.

You can see the script and demo on jsfiddle (editable):

jsfiddle script

Answer 1

Very cool.

Using transform ( -webkit-transform , -moz-transform and -o-transform ) to animate the movement instead of absolute positioning at the bottom will cause most browsers to start hardware acceleration, which should take care of flickering,

I don't know about IE though ...