Note that you can use Hype's animation system to animate properties in a similar manner to the CSS Transitions shown above. When using the Hype runtime, Hype is aware of the changes which might be required depending what else your animation is doing (like if there are other timelines/actions that may affect the elements).
You can feed values like:
var randNum = Math.floor(Math.random() * 360) + 1; // generates a random number between 1 and 360.
cube = hypeDocument.getElementById('myCube'); //points to your element with an ID of "myCube"
hypeDocument.setElementProperty(cube, 'rotateZ', randNum, 1.0, 'easeinout');
See the Setter API documentation.