Choppy Image zoom

[rahuu]

I'm trying to create an image scale transition from small to large with keyframes in GWD and the results are less than smooth. The resulting animation is choppy and looks terrible. Is there another way create a smoother animation?

[Google Web Designer beta]

Hello,

Sorry about the problem.

Could you make sure that you are using the transform tool ( selection tool + Transform control checked on the top option bar) to make scale changes in keyframes?

In this way, the animation that renders on browsers should be smooth.

If that doesn't help, could you post your file?

Regards,

Mariko (GWD team)

[quy...@gmail.com]

This doesn't seem to work. The results are always choppy and jittery. Is there a different solution?

[quy...@gmail.com]

Not sure if you solved the issue but I figured out why the scale is so choppy. GWD defaults to using a matrix3d transform vs using scaleX and scaleY. Once I switched it the animation was smooth.

Example:

0% {
-webkit-transform: matrix3d(1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1, 0, 0, 0, 0, 1);
}

Changed to:

0% {
-webkit-transform: scaleX(2) scaleY(2);
}