Thursday, June 28, 2012

CSS3 Transforms

I have implemented CSS3 Transforms in GWT by functions like this:

public static void translateX(Image img, int x) {
Integer ix = x;
img.getElement().getStyle().setProperty("webkitTransform", "translate(" + ix.toString() + "px)");
img.getElement().getStyle().setProperty("msTransform", "translate(" + ix.toString() + "px)");
img.getElement().getStyle().setProperty("mozTransform", "translate(" + ix.toString() + "px)");
img.getElement().getStyle().setProperty("oTransform", "translate(" + ix.toString() + "px)");
img.getElement().getStyle().setProperty("khtmlTransform", "translate(" + ix.toString() + "px)");
img.getElement().getStyle().setProperty("transform", "translate(" + ix.toString() + "px)");
}

This works fine with latest versions of Chrome, Internet Explorer, Safari/PC, Safari/iPad and Android, but NOT with Firefox and Opera. I would appreciate any help on this problem.

--
You received this message because you are subscribed to the Google Groups "Google Web Toolkit" group.
To view this discussion on the web visit https://groups.google.com/d/msg/google-web-toolkit/-/5quDpZAsieIJ.
To post to this group, send email to google-web-toolkit@googlegroups.com.
To unsubscribe from this group, send email to google-web-toolkit+unsubscribe@googlegroups.com.
For more options, visit this group at http://groups.google.com/group/google-web-toolkit?hl=en.

No comments:

Post a Comment