GWT : définir des propriétés de style à l'élément

Dans le but de développer les éléments dans mon div, je suis en utilisant ce css (JSFiddle Exemple ici):

.scaled {
    transform: scale(0.5);
    -ms-transform: scale(0.5); /* IE 9 */
    -webkit-transform: scale(0.5); /* Safari and Chrome */
    -o-transform: scale(0.5); /* Opera */
    -moz-transform: scale(0.5); /* Firefox */
    filter: progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',
        M11=0.5, M12=0,
        M21=0, M22=0.5);
}

C'est pris en charge par tous les principaux navigateurs (y compris IE8).

Maintenant, quand j'essaie d'appliquer cette css dynamiquement dans GWT:

public void setZoom(double val) {
    if (val != 1) {
        surface.getElement().getStyle().setProperty("transform", "scale(" + val + ")");
        surface.getElement().getStyle().setProperty("-ms-transform", "scale(" + val + ")");
        surface.getElement().getStyle().setProperty("-webkit-transform", "scale(" + val + ")");
        surface.getElement().getStyle().setProperty("-o-transform", "scale(" + val + ")");
        surface.getElement().getStyle().setProperty("-moz-transform", "scale(" + val + ")");
        surface.getElement().getStyle()
                .setProperty("filter", "progid:DXImageTransform.Microsoft.Matrix(sizingMethod='auto expand',M11=" + val + ", M12=0,M21=0, M22=" + val + ")");
    }

}

J'obtiens l'erreur suivante:

Caused by: java.lang.AssertionError: The style name '-ms-transform' should be in camelCase format
    at com.google.gwt.dom.client.Style$.assertCamelCase$(Style.java:1603)
    at com.google.gwt.dom.client.Style$.setProperty$(Style.java:1512)

Comment puis-je régler ces navigateur dépendant de styles de façon dynamique dans GWT? (en particulier IE du filtre..)

Dans un fichier CSS, vous pouvez utiliser un littéral comme ceci: -ms-filter: littéral("\"progid:DXImageTransform.Microsoft.Shadow(color=#BBBBBB,direction=125,force=5)\""). Je n'ai jamais eu le "camelCase" format jusqu'à présent. Essayez d'ajouter l'instruction littérale dans votre setters. HTH.
camelCase signifie que vous ne devez pas utiliser" -", puis par exemple pour définir "- moz-transform "juste de la remplacer par "mozTransform'
oui mais IE n'accepte pas de chameau cas, d'où ma question

OriginalL'auteur Majid Laissi | 2012-11-16