visionmedia / move.js

CSS3 backed JavaScript animation framework
http://visionmedia.github.com/move.js/
4.72k stars 686 forks source link

Animations under chrome (on mac) do not work on properties not defined ahead of time #54

Open dts opened 9 years ago

dts commented 9 years ago

I am running the latest version of chrome for mac (37.0.2062.124). When you animate properties that have not already been set on the node, no animation occurs, and it jumps to where it belongs. Here's a JSFiddle that demonstrates the problem:

http://jsfiddle.net/hillboy/u2j8291t/1/

Obviously, this is easy to work around, set the start-values you want either in the CSS file or programmatically (as I have done). However, I didn't see any documentation about this, so I figured I'd make a note of it here.

This problem does not exist under Safari.

wilzbach commented 9 years ago

+1 for adding this to the documentation

dwabyick commented 9 years ago

+1. I'm having similar issues with chrome ... If I want to animate opacity, I have to do the following:

move(targetPreviewContent).duration(0).set('opacity',0) .then().set('opacity',1).duration(transition.duration).pop() .end(callback);